Angular JS入门

前端之家收集整理的这篇文章主要介绍了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测试:(黑盒测试)



注:图片来自慕课网

猜你在找的Angularjs相关文章