AngularJS Bootstrap

1.如果想要你的应用自动启动Angular的话,那就把ng-app放在应用的根节点中,通常情况下是标签中,


自动初始化

Angular在以下两种情况下自动初始化:一个是DOMContentLoaded事件触发,或者在angular.js脚本被执行的同时如果document.readyState被置为'complete'。初始化时,Angular会去找ng-app这个指明应用开始所在的指令。如果ng-app指令被找到,Angular会做以下几件事:

加载ng-app指令所指定的模块

创建应用所需要的injector

以ng-app所在的节点为根节点,开始遍历并编译DOM树


手动初始化

如果想要在初始化阶段拥有更多的控制权,可以使用手动方法启动应用。需要手动启动的可能会是想要在应用中使用脚本加载器,或者想要在Angular编译页面之前执行一些别的操作。


Hello World!

提供了应用要加载的模块名作为angular.bootstrap函数的第二个参数。需要注意的是angular.bootstrap在将模块作为参数注入之前,必须创建任一自定义的模块。

Angular代码运行时遵循的顺序:

HTML页面以及所有的代码加载完毕后,Angular会去找到应用的根元素

调用angular.bootstrap去编译各元素成为一个可执行的且双向绑定的应用。


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部