angularjs的学习(1)

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 代码运行时遵循的顺序:

  1. 在HTML页面以及所有代码加载完毕后,Angular 会去找到应用的根元素(通常是文档的根节点)

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


5.延迟启动


 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值