Latest web development tutorials

AngularJS ng-app 指令

AngularJS 參考手冊 AngularJS參考手冊


AngularJS 實例

讓body 元素稱為AngularJS 應用的根元素:

< body ng-app= "" >

< p >我的第一個表達式: {{ 5 + 5 }} < /p >

< /body >

嘗試一下»

定義和用法

ng-app指令用於告訴AngularJS應用當前這個元素是根元素。

所有AngularJS 應用都必須要要一個根元素。

HTML文檔中只允許有一個ng-app指令,如果有多個ng-app指令,則只有第一個會被使用。


語法

< element ng-app= " modulename " >
...
在ng-app根元素上的內容可以包含AngularJS代碼
...
< / element >

所有的HTML 元素都支持該指令。


參數值

描述
modulename 可選。 指定載應用模塊的名稱。

AngularJS 實例

執行應用中的模塊

< 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 >

嘗試一下»

AngularJS 參考手冊 AngularJS參考手冊