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 参考手册