AngularJS初始化过程分析(引导程序)_AngularJS

概览

这一节解释了AngularJS初始化的过程，以及需要的时候你该如何修改AngularJS的初始化。

AngularJS的 <script> 标签</script>

这个示例展示了我们推荐的整合AngularJS的方法，它被称之为“自动初始化”。

复制代码 代码如下:

   
        ...
   
   

手动初始化

如果你需要主动控制一下初始化的过程，你可以使用手动执行引导程序的方法。比如当你使用“脚本加载器(script loader)”，或者需要在AngularJS编译页面之前做一些操作，你就会用到它了。

下面的例子演示了手动初始化AngularJS的方法。它的效果等同于使用ng-app指令 。

复制代码 代码如下:

   
        Hello {{'World'}}!
       
        <script><br /> angular.element(document).ready(function() {<br /> angular.bootstrap(document);<br /> });<br /> </script>
   

下面是一些你的代码必须遵守的顺序：

1.等页面和所有的脚本加载完之后，找到HTML模板的根节点——通常就是文档的根节点。
2.调用 api/angular.bootstrap将模板编译成可执行的、数据双向绑定的应用程序。