AngularJS 教程
AngularJS ng-app 指令
AngularJS 參考手冊AngularJS 實例
讓 body 元素成為 AngularJS 應(yīng)用的根元素:
<body ng-app="">
<p>我的第一個表達式: {{ 5 + 5 }}</p>
</body>
<p>我的第一個表達式: {{ 5 + 5 }}</p>
</body>
運行代碼 ?
定義和用法
ng-app 指令用于告訴 AngularJS 應(yīng)用當(dāng)前這個元素是根元素。
所有 AngularJS 應(yīng)用都必須要要一個根元素。
HTML 文檔中只允許有一個 ng-app 指令，如果有多個 ng-app 指令，則只有第一個會被使用。
語法
<element ng-app="modulename">
...
?在 ng-app 根元素上的內(nèi)容可以包含 AngularJS 代碼
...
</element>
...
?在 ng-app 根元素上的內(nèi)容可以包含 AngularJS 代碼
...
</element>
所有的 HTML 元素都支持該指令。
參數(shù)值
| 值 | 描述 |
|---|---|
| modulename | 可選。指定載應(yīng)用模塊的名稱。 |
AngularJS 實例
執(zhí)行應(yīng)用中的模塊
<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>
運行代碼 ?
其他擴展