使用此指令自动引导的AngularJS应用。该ngApp指令指定的应用程序的根元素,通常放置在页面的根元素附近 - 如在<BODY>或<html>标记。
只有一个AngularJS应用程序可以自动引导的每个HTML文档。第一ngApp在文档中找到将被用于定义根元素自动引导作为一个应用程序。要在HTML文档中运行多个应用程序使用angular.bootstrap ,而不是你必须手动引导他们。不能嵌套AngularJS应用程序可以在对方。
可以指定要用作应用程序的根模块的AngularJS模块。该模块将被加载到AUTO(自动) 。 $喷油器时,引导该应用程序,并应包含所需要的应用程序代码或有依赖关系,将包含该代码的其它模块。见angular.module获取更多信息。
在如果ngApp指令不是放置在html元素下面的例子则该文件将不被编译, AppController中不会被实例化和{{ A + B }}将不被解析为3 。
ngApp是最简单的,也是最常见的,方式来引导的应用程序。
-
<!doctype html>
-
<html ng-app="ngAppDemo">
-
<head>
-
<script src="http://code.angularjs.org/1.2.5/angular.min.js"></script>
-
<script src="script.js"></script>
-
</head>
-
<body>
-
<div ng-controller="ngAppDemoController">
-
I can add: {{a}} + {{b}} = {{ a+b }}
-
</body>
-
</html>
I can add: 1 + 2 = 3