本文介绍AngularJS应用如何加载和初始化的过程，包括放置<script>标签的位置以减少加载时间，自动初始化步骤，以及如何手动引导AngularJS应用。
<span style="font-size:14px;"><!doctype html>
<html xmlns:ng="http://angularjs.org" ng-app>
<body>
...
<script src="angular.js"><script>
</body>
</html></span>一般将<script>放到页面底部，缩短应用加载时间，这样html加载不会被angular.js的加载而阻塞。
自动初始化
AngularJS会在DOMContentLoaded事件触发时执行，找到ng-app指令，一个应用中只有一个ng-app，就将该html纳入AngularJS管理，然后 寻找你的应用根作用域。如果ng-app指令找到了，那么AngularJS将会：
a.载入和内容相关的模块。
b.创建一个应用的注入器(injector)
c.将拥有ng-app的标签作为根节点来编译DOM，使得只有一部分dom作为AngularJS的应用
引导AngularJS应用
通过ngApp指令来自动引导AngularJS应用是一种简洁的方式，适合大多数情况。在高级开发中，例如使用脚本装载应用，您也可以使用bootstrap手动引导AngularJS应用。
AngularJS应用引导过程有3个重要点：
- 注入器(injector)将用于创建此应用程序的依赖注入(dependency injection)；
- 注入器将会创建根作用域作为我们应用模型的范围；
- AngularJS将会链接根作用域中的DOM，从用ngApp标记的HTML标签开始，逐步处理DOM中指令和绑定。
一旦AngularJS应用引导完毕，它将继续侦听浏览器的HTML触发事件，如鼠标点击事件、按键事件、HTTP传入响应等改变DOM模型的事件。这类事件一旦发生，AngularJS将会自动检测变化，并作出相应的处理及更新。
扫一扫
319
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
