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 表单提交事件
posted @ 2017-07-22 18:07  rainbow8590  阅读(262)  评论(0编辑  收藏  举报