คำสั่งนำ ng-app ของ AngularJS

คู่มืออ้างอิง AngularJS

การประกาศและการใช้งาน

ng-app คำสั่งนำที่บอกให้ AngularJS ว่านี้เป็น element รากของโปรแกรม AngularJS

ทุกโปรแกรม AngularJS ต้องมี element ราก

เฉพาะในเอกสาร HTML จะมีคำสั่งนำเดียว ng-app ถ้ามีคำสั่งนำมากกว่าหนึ่งคำสั่งนำ ng-app ถ้ามีคำสั่งนำทางภาษา HTML มากกว่าหนึ่งคำสั่งนำ จะใช้คำสั่งนำที่ปรากฏขึ้นแรก

ตัวอย่าง

ตัวอย่าง 1

ให้ element body กลายเป็น element รากของโปรแกรม AngularJS:

<body ng-app="">
<p>แสดงความแสดงชื่อเรียกแรกของฉัน: {{ 5 + 5 }}</p>
</body>

ทดลองด้วยตัวเอง

ตัวอย่าง 2

โหลดโมดูลเพื่อปฏิบัติงานในโปรแกรม:

<div ng-app="myApp" ng-controller="myCtrl">
    {{ firstName + " " + lastName }}
</div>
<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
    $scope.firstName = "Bill";
    $scope.lastName = "Gates";
});
</script>

ทดลองด้วยตัวเอง

ระบบการใช้งาน

<element ng-app="modulename">
...
  เนื้อหาในองค์ประกอบเริ่มต้น ng-app สามารถมีรหัส AngularJS
...
</element>

สนับสนุนโดยทุกสิ่งของ HTML

ตัวแปร

ตัวแปร คำอธิบาย
modulename ระบุชื่อโมดูลที่ต้องการโหลดกับโปรแกรม

คู่มืออ้างอิง AngularJS