-- 列表 --
基础ng属性指令
- ng-href
- ng-src
- ng-disabled
- ng-checked
- ng-readonly
- ng-selected
- ng-class
- 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设置为空<option value="">default</option> |
ng-submit | 在form标签中使用,提交表单时执行,阻止默认行为 |
ng-class | 绑定元素需要类的表达式。1、字符串数组形式ng-class="{true:'active',false:'inActive'}[isActive]"。2、对象ng-class="{active:boolean}" |
ng-attr-(suffix) | 应对浏览器对属性的严苛要求 |