Angular JS入门

1.Angular JS是一个独立的脚本库。

2.Angular应用解析：

1）模板（HTML+CSS）

2）应用程序逻辑和行为:JavaScript定义的控制器

3）模型数据Data：Angular作用域对象，可以是JavaScript对象、数组或者基本类型。

3.学习Angular要搭建的环境：

1）安装node

2)安装git工具（克隆clone）

4.ng-app：标明了Angular JS脚步的作用域。

5. 

1) {{ }} 取值表达式

2)  依赖注入是以$scope为基础的。

3)  依赖注入一般用在controller和factory中。

4)   Angular通过数据模型来操作DOM，但不直接操作DOM。

5)  过滤Filter（在Search的时候用）

 6) 双向绑定

 7) directive

8)  模板（Template）

9)Angular的性能消耗

6.Angular表单验证

1）Angular中的表单验证指令：

2）

3）自定义指令

4）ng-Form嵌套的表单

    addControl

5)AngularJS表单验证的不足：

 7.公共组件：

1）angular-ui/bootstrap

好处：官网支持，组件丰富；基于Bootstrap，样式比较好搞定。

2)ui-rooter

3)bindonce   (解决ng-repeat带来的性能问题)

  bo-text, bo-html, bo-if , bo-title

4)其他的一些组件：

5）跟后端交流的途径：JSON

6）$http:

7)回归测试、向前兼容

8）Scope的作用域

8.Angular的动画

1）ng-Animate

ngAnimate的小例子： http://angus.github.io

2）ngView ：控制路由

9.Angular的执行流程：

1）绑定jQuery

2）引入Angular directive service之前需要准备好（在publish external api里面）

3）ng-local

4)angularInit

5)路由的权限控制

10.复杂业务系统：

11.Promise协议

   common.js

$http  (get , post)

http拦截器

面向服务

12.测试：

1）单元测试：（白盒测试）

2）E2E测试：（黑盒测试）

注：图片来自慕课网