ล่าสุดการพัฒนาเว็บบทเรียน
 

AngularJS NG-App Directive


ตัวอย่าง

ให้องค์ประกอบร่างกายกลายเป็นองค์ประกอบหลักสำหรับการประยุกต์ใช้ 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>
ลองตัวเอง»