什么是angularJS
angularJS使的开发现代的单一页面应用程序变得更加容易。
(1)可以将应用程序数据绑到HTML元素
(2)可以克隆和重复html元素
(3)还可以显示和隐藏元素
(4)可以再html元素背后添加代码
(5)支持输入验证
————————————————————————————————————————————————————————————————
angularJS的特性和优点:
1、双向数据绑定
2、声明式依赖注入
3、耦合应用逻辑,数据模型和视图
4、完善的页面指令
5、定制表单验证
6、Ajax封装
————————————————————————————————————————————————————————————————
ng-app———————————————————————定义 angular 的使用范围
ng-init="变量=值;变量=值"—————用来初始化变量值,由多个变量时用分号隔开
ng-model="变量"——————————————用来定义变量名称
ng-controller=""—————————————声明所有被他包含的元素都属于这个控制器
ng-bind="变量"———————————————绑定变量名获取该变量的数据,一般用双重花括号取变量的值:{{变量}}
ng-repeat="x in strs"————————循环 strs 集合中的数据,通过 x 获取,{{x}} 渲染到页面
ng-show=""———————————————————判断是否为true, true时将标签所对应的内容显示在页面上,
ng-empty—————————————————————input为空的时候
ng-not-empty—————————————————input不为空的时候
ng-touched———————————————————验证失去焦点
ng-untouched—————————————————控件未失去焦点
ng-valid—————————————————————验证通过
ng-invalid———————————————————验证失败
ng-dirty—————————————————————控件输入值已变更
ng-pending———————————————————任何为满足$asyncValidators的情况
ng-pristine——————————————————控件为初始状态
————————————————————————————————————————————————————————————————
Angular表达式
可以包含字母、操作符、变量
与JavaScript不同, Angular可以写在html中
与JavaScript不同, Angular不支持条件判断、循环及异常
与JavaScript不同, Angular支持过滤器