AngularJS初始化
1. ⾃动初始化
⽤ ng-app 指令初始化。AngularJS 在以下两种情况下⾃动初始化:
1. 在 DOMContentLoaded 事件触发时
2. 在 angular.js 脚本被执⾏的同时如果 adyState 被置为 ‘complete’ (兼容⽼版本 IE,DOMContentLoaded 事件
在 IE9 才开始被⽀持)
初始化时,AngularJS 会去 ng-app 这个指明应⽤开始所在的指令。如果 ng-app 指令被到的话,AngularJS 会做以下⼏件事:
angular和angularjs1. 加载 ng-app 指令所指定的模块
2. 创建应⽤所需的 injector
3. 以 ng-app 所在的节点为根节点,开始遍历并编译 DOM 树(ng-app 指出了应⽤的哪⼀部份开始是 An
gularJS 去编译的)
2. ⼿动初始化
⽤ angular.bootstrap ⽅法初始化。如果你想在初始化阶段拥有更多的控制权,你可以使⽤⼿动⽅法启动应⽤。为保证
angular.bootstrap ⽅法正常运作,你需要在 HTML 页⾯以及所有代码加载完毕后再执⾏它。如果 angular.bootstrap ⽅法正常运作的话,AngularJS 会做以下⼏件事:
1. 到应⽤的根节点(通过 angular.bootstrap ⽅法的第⼀个参数指定,通常会指定⽂档的根节点)
2. 加载 angular.bootstrap ⽅法所指定的模块
3. 创建应⽤所需的 injector
4. 从应⽤的根节点开始编译各元素,使其成为⼀个可执⾏的且双向绑定的应⽤
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论