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 | 表单提交事件 |
转载于:https://www.cnblogs.com/rainbow8590/p/7222154.html