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测试：（黑盒测试）

注：图片来自慕课网

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!