AngularJS ng-app 指令
AngularJS 實例
讓body 元素稱為AngularJS 應用的根元素:
< body ng-app= "" >
< p >我的第一個表達式: {{ 5 + 5 }} < /p >
< /body >
< p >我的第一個表達式: {{ 5 + 5 }} < /p >
< /body >
嘗試一下»
定義和用法
ng-app指令用於告訴AngularJS應用當前這個元素是根元素。
所有AngularJS 應用都必須要要一個根元素。
HTML文檔中只允許有一個ng-app
指令,如果有多個ng-app
指令,則只有第一個會被使用。
語法
< element ng-app= " modulename " >
...
在ng-app根元素上的內容可以包含AngularJS代碼
...
< / element >
...
在ng-app根元素上的內容可以包含AngularJS代碼
...
< / element >
所有的HTML 元素都支持該指令。
參數值
值 | 描述 |
---|---|
modulename | 可選。 指定載應用模塊的名稱。 |
AngularJS 實例
執行應用中的模塊
< div ng-app= "myApp" ng-controller= "myCtrl" >
{{ firstName + " " + lastName }}
< /div >
< script >
< script >
var app = angular.module( "myApp" , []);
app.controller( "myCtrl" , function ($scope) {
$scope.firstName = "John" ;
$scope.lastName = "Doe" ;
});
app.controller( "myCtrl" , function ($scope) {
$scope.firstName = "John" ;
$scope.lastName = "Doe" ;
});
< /script >
嘗試一下»