angularjs学习总结&详细介绍

《angularjs学习总结&详细介绍》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、AngularJS学习文档新晨科技股份有限公司AngularJS介绍AngularJS学习文档欧阳龙蛟2014/1/15[在此处键入文档的摘要。摘要通常是对文档内容的简短总结。在此处键入文档的摘要。摘要通常是对文档内容的简短总结。]51AngularJS学习文档目录1前言42AngularJS概述42.1AngularJS是什么？42.2AngularJS简单介绍52.3什么时候该用AngularJS53AugularJS特性53.1特性一：双向的数据绑定53.2特性二：模板63.3特性三：MVC73.4特性

2、四：服务和依赖注入73.5特性五：指令（Directives）84功能介绍94.1数据绑定94.2scopes、module、controller104.2.1scopes104.2.2module104.2.3ng-controller104.3ajax114.4表达式124.5过滤器124.5.1过滤器使用方式134.5.2ng的内置过滤器134.5.3自定义过滤器及示例154.6指令164.6.1样式相关的指令174.6.2表单控件功能相关指令184.6.3事件绑定相关指令184.6.4特殊的ng-sr

3、c和ng-href194.6.5示例204.7服务214.7.1服务（service）介绍214.7.2自定义服务214.7.3管理服务的依赖关系224.7.4示例234.8依赖注入DI244.9路由264.9.1ngRoute内容264.9.2ng的路由机制264.9.3示例274.10NG动画效果294.10.1NG动画效果简介294.10.2示例3051AngularJS学习文档5功能演示306AngularJS进阶316.1数据绑定原理研究316.1.1AngularJS扩展事件循环316.1.2$w

4、atch队列（$watchlist）316.1.3$digest循环326.1.4如何进入angularcontext336.1.5使用$watch来监视346.1.6总结366.2自定义指令详解366.2.1指令的编译过程376.2.2指令的使用方式及命名方法376.2.3自定义指令的配置参数376.2.3指令的表现参数restrict等386.2.4指令的行为参数：compile和link406.2.5指令的划分作用域参数：scope426.2.6指令间通信参数：controller和require456

5、.3性能及调优476.3.1性能测试476.3.2七大调优法则487总结507.1页面效果507.2委派事件（代理事件）517.2.1NG循环及事件绑定517.2.2jQuery委派事件5151AngularJS学习文档1前言前端技术的发展是如此之快，各种优秀技术、优秀框架的出现简直让人目不暇接，紧跟时代潮流，学习掌握新知识自然是不敢怠慢。AngularJS是google在维护，其在国外已经十分火热，可是国内的使用情况却有不小的差距，参考文献/网络文章也很匮乏。这里便将我学习AngularJS写成文档，一方面

6、作为自己学习路程上的记录，另一方面也给有兴趣的同学一些参考。首先我自己也是一名学习者，会以学习者的角度来整理我的行文思路，这里可能只是些探索，有理解或是技术上的错误还请大家指出；其次我特别喜欢编写小例子来把一件事情说明白，故在文中会尽可能多的用示例加代码讲解，我相信这会是一种比较好的方式；最后，我深知AngularJS的使用方式跟jquery的使用方式有很大不同，在大家都有jquery、ext经验的条件下对于angular的学习会困难重重，不过我更相信在大家的坚持下，能够快速的学好AngularJS，至少咱也

7、能深入了解到AngularJS的基本思想，对咱们以后自己的插件开发、项目开发都会有很大的启示。2AngularJS概述2.1AngularJS是什么？AngularJs（后面就简称ng了）是一个用于设计动态web应用的结构框架。首先，它是一个框架，不是类库，是像EXT一样提供一整套方案用于设计web应用。它不仅仅是一个javascript框架，因为它的核心其实是对HTML标签的增强。何为HTML标签增强？其实就是使你能够用标签完成一部分页面逻辑，具体方式就是通过自定义标签、自定义属性等，这些HTML原生没有的

8、标签/属性在ng中有一个名字：指令（directive）。后面会详细介绍。那么，什么又是动态web应用呢？与传统web系统相区别，web应用能为用户提供丰富的操作，能够随用户操作不断更新视图而不进行url跳转。ng官方也声明它更适用于开发CRUD应用，即数据操作比较多的应用，而非是游戏或图像处理类应用。为了实现这些，ng引入了一些非常棒的特性，包括模板机制、数据绑定、模块、指令、依赖注入、路由。通过