1.如果想要你的应用自动启动Angular的话,那就把ng-app放在应用的根节点中,通常情况下是<html>标签中,
<html ng-app>
<html ng-app id="ng-app">
Angular在以下两种情况下自动初始化:一个是DOMContentLoaded事件触发,或者在angular.js脚本被执行的同时如果document.readyState被置为'complete'。初始化时,Angular会去找ng-app这个指明应用开始所在的指令。如果ng-app指令被找到,Angular会做以下几件事:
加载ng-app指令所指定的模块
创建应用所需要的injector
以ng-app所在的节点为根节点,开始遍历并编译DOM树
手动初始化
如果想要在初始化阶段拥有更多的控制权,可以使用手动方法启动应用。需要手动启动的可能会是想要在应用中使用脚本加载器,或者想要在Angular编译页面之前执行一些别的操作。
<!doctype html>
<html xmlns:ng="http://angularjs.org">
<body>
Hello World!
<script src="http://code.angularjs.org/angular.js"></script>
<script>
angular.element(document).ready(function() {
angular.module('myApp', []);
angular.bootstrap(document, ['myApp']);
})
</script>
</body>
Angular代码运行时遵循的顺序:
HTML页面以及所有的代码加载完毕后,Angular会去找到应用的根元素
调用angular.bootstrap去编译各元素成为一个可执行的且双向绑定的应用。