angular常用内置指令

angular常用指令

指令名称	描述
ng-app	用来定义模块的作用范围
ng-controller	用来定义控制器的作用范围
ng-repeat	循环遍历数组
ng-bind	绑定数据 同{{}}
ng-show	用来显示或隐藏元素 值为true / false ，原理是设置元素的display
ng-hide	用来显示或隐藏元素 值为true / false 用法和ng-show相反，原理设置元素的display
ng-if	用来显示或隐藏元素 和ng-show/ng-hide的不同点是它直接删除元素
ng-cloak	用来解决“闪烁”的问题,原理是在angular还未执行的时候先让元素display:none
ng-class	用来控制类名,使用方式：ng-class="{class:true/false}" class对应的值只要转为布尔值为true就是显示
ng-include	用来引用外部的模板文件
ng-disabled	用来控制表单是否禁用，值为true/false
ng-src	用来引用图片的路径 可以解决"闪烁"问题
ng-href	用来引用a链接的路径 可以解决"闪烁"问题
ng-readyonly	用来控制表单是否只读，值为true/false
ng-checked	用来控制复选框选中，值为true/false
ng-selsected	用来控制下拉框选中，值为true/false
ng-init	初始化模型，就是$scope
ng-switch on	对数据进行筛选 值为$scope的属性
ng-switch-when	对数据进行筛选 值为$scope的属性值
ng-bind-templete	绑定多个数据 ng-bind-template="{{data1}}{{data2}}"

angular事件指令

事件指令	描述
ng-click	单击事件
ng-dblclick	双击事件
ng-focus	获得焦点事件
ng-blur	失去焦点事件
ng-mouseout	鼠标离开事件
ng-mouseover	鼠标经过事件
ng-submit	表单提交事件