1.什么是AngularJs?
AngularJsr是协助搭建单页面工程的开源前端框架,他通过MVC模式使得开发与测试更容易。
AngularJs试图成为WEB应用中的一种端对端的解决方案。他将指导开发整个应用。
创新之处:通过数据绑定和依赖注入减少了大量代码,而这些都在浏览器端通过JavaScript实现,能够和任何服务器端技术完美结合。
可爱之处:AngularJS并不适合任何应用的开发,Angular考虑的是构建CRUD应用,
CRUD==》增删查改
2.AngularJS的<script>标签
- 在Html页面的底部纺织script标签,可以优化应用的加载时间,因为避免了html加载时被angular.js脚步的加载阻滞
想要应用自动启动Angular的话,那就把ng-app放在应用的根节点
- 需要应用支持IE7,加上
3.自动初始化
通过绑定来进行angular的初始化,会把js代码侵入到html中。
ng-app是angular的一个指令,代表一个angular应用(也叫模块)。使用ng-app或ng-app=""来标记一个DOM结点,让框架会自动加载。也就是说,ng-app是可以带属性值的。
4.手动初始化
如果想对对初始化有更多的控制权,可以采用自定义手动引导方法初始化代替angular的自动初始化。比如你需要在angular编译模板之前做一些事情,比如改变模板某些内容。
Angular中也提供了手动绑定的api——bootstrap,它的使用方式如下:
注意,在上面的例子中,我们提供了我们应用要加载的模块名作为 api/angular.bootstrap
函数的第二个参数。需要注意的是 angular.bootstrap
不会凭空创建模块,在我们将模块作为参数注入之前,必须创建任一自定义的 模块。
以下是你的 Angular 代码运行时遵循的顺序:
-
在HTML页面以及所有代码加载完毕后,Angular 会去找到应用的根元素(通常是文档的根节点)
-
调用
api/angular.bootstrap
去 编译 各元素成为一个可执行的且双向绑定的应用
5.延迟启动