AngularJS ng-app 指令

定义和用法

ng-app 指令用于告诉 AngularJS 应用当前这个元素是根元素。

所有 AngularJS 应用都必须要要一个根元素。

HTML 文档中只允许有一个 ng-app 指令,如果有多个 ng-app 指令,则只有第一个会被使用。


语法

<element ng-app="modulename">
...
  content inside the ng-app root element can contain AngularJS code
...
</element>

所有 HTML 元素都支持。


参数值

描述
modulename 可选。指定载应用模块的名称。

实例

加载要在应用程序中运行的模块

<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>
亲自试一试 »