angular ng-app应用说明

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

 

I can add: 1 + 2 = 3