AngularJS内置指令

-- 列表 --
基础ng属性指令

  1. ng-href
  2. ng-src
  3. ng-disabled
  4. ng-checked
  5. ng-readonly
  6. ng-selected
  7. ng-class
  8. ng-style
属性名称 描述
ng-disabled 相对于原生的disabled可以用true和false控制是否有用
ng-readonly 同上
ng-checked 同上
ng-selected 同上
ng-href 使用scope的属性动态创建href时,使用ng-href代替
ng-src 同上,使用原生的会在未生成时出错
--- ---
ng-app AngularJS应用的起始点,生成$rootScope根作用域
ng-controller 在$rootScop下创建子作用域
ng-include 加载、编译并包含外部HTML到当前应用中ng-include="'test.html'"
ng-switch 与on、ng-switch-when一起使用。on监听某值,when达到某值显示
ng-view 设置被路由管理和放置的HTML中的视图的位置
ng-if 是否冲DOM中移除元素
ng-repeat 遍历集合或为集合中的每个元素生成一个模版实例,$index、$first、$middle、$last、$even、$odd
ng-init 指令被调用时,设置内部作用域的初始状态
ng-bind或{{}} 在视图和内部$scope创建绑定
ng-bind-template 在视图中绑定多个表达式
ng-cloak 隐藏内部元素,直到路由调用对应的页面
ng-model 数据绑定
ng-show ng-hide 通过判断属性值调用css类,显示隐藏DOM元素
ng-change 监听表单元素,和ng-model一起使用,发生变化时执行给定表达式
ng-form 需要表单嵌套时使用
ng-click 元素被点击时调用方法或表达式
ng-select select中使用ng-model数据绑定,不然没用
ng-options 在select标签中使用,遍历对象或数组ng-options="x for (x,y) in obj" ,默认的option项value设置为空
ng-submit 在form标签中使用,提交表单时执行,阻止默认行为
ng-class 绑定元素需要类的表达式。1、字符串数组形式ng-class="{true:'active',false:'inActive'}[isActive]"。2、对象ng-class="{active:boolean}"
ng-attr-(suffix) 应对浏览器对属性的严苛要求

你可能感兴趣的:(AngularJS内置指令)