AngularJS ng-app 指令

AngularJS 參考手冊

定義和用法

ng-app 指令告訴 AngularJS 這是 AngularJS 應用程序的根元素。

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

HTML 文檔中只能有一個 ng-app 指令。如果出現多個 ng-app 指令，則將使用第一個出現的指令。

實例

例子 1

讓 body 元素成為 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 參考手冊