AngularJs bootstrap详解及示例代码

AngularJs学习笔记系列第一篇，希望我可以坚持写下去。本文内容主要来自 http://docs.angularjs.org/guide/ 文档的内容，但也加入些许自己的理解与尝试结果。

一、总括

本文用于解释Angular初始化的过程，以及如何在你有需要的时候对Angular进行手工初始化。

二、Angular

      注：里面的”ng-cloak”，这个是用于在angular.js编译完成之前（对！没错！是编译完成之前，不是angularjs加载完成之前。所以，如果想很好地避免这个情况，最好的办法是优化应用的加载流程，或者结合css对未编译的模版进行处理。而由于那万恶的ie6、7不支持属性选择器，所以最好使用class=”ng-cloak”的方式。编译完成后，这个class或属性会被删除。）隐藏模版，避免在页面显示原模版。

四、手工初始化

如果我们想进一步控制初始化进程(例如你需要通过script loader加载angular.js或者在angular编译页面前做一些操作)，那么我们可以用一个手工调用的启动方法去代替。

以下例子等同于使用ng-app这个directive：

 
 
 


 这里是ng-app外面的~~{{1+2}}
 
这里是ng-app里面~~~{{1+3*2}}
 
 

就是说，我们的代码可以按照以下步骤编写：

1. 在页面和其他代码加载完成后，找到应用模版的根节点；

2. 调用angular.bootstrap，让angular去将模版编译为一个可执行的，双向绑定的应用！

 后续继续补充相关文章，谢谢大家对本站的支持！

              相关文章：

                                 AngularJs bootstrap搭载前台框架――js控制部分
                                 AngularJs bootstrap搭载前台框架――基础页面
                                 AngularJs bootstrap搭载前台框架――准备工作
                                 AngularJs bootstrap详解及示例代码