ng-app
คำสั่งAngularJS
ตัวอย่าง
ให้องค์ประกอบร่างกายกลายเป็นองค์ประกอบรูทสำหรับแอปพลิเคชัน AngularJS:
<body ng-app="">
<p>My first expression: {{ 5 + 5
}}</p>
</body>
ความหมายและการใช้งาน
คำng-app
สั่งบอก AngularJS ว่านี่คือองค์ประกอบรูทของแอปพลิเคชัน AngularJS
แอปพลิเคชัน AngularJS ทั้งหมดต้องมีองค์ประกอบรูท
คุณสามารถมีได้เพียงหนึ่งng-app
คำสั่งในเอกสาร HTML ของคุณ หากมีมากกว่าหนึ่งng-app
คำสั่ง การปรากฏตัวครั้งแรกจะถูกใช้
ไวยากรณ์
<element ng-app="modulename">
...
content inside the ng-app
root element can contain AngularJS code
...
</element>
รองรับโดยองค์ประกอบ HTML ทั้งหมด
ค่าพารามิเตอร์
Value | Description |
---|---|
modulename | Optional. Specifies the name of a module to load with the application |
ตัวอย่าง
โหลดโมดูลที่จะทำงานในแอปพลิเคชัน
<div ng-app="myApp" ng-controller="myCtrl">
{{ firstName + " " +
lastName }}
</div>
<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
$scope.firstName =
"John";
$scope.lastName = "Doe";
});
</script>