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设置为空<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) 应对浏览器对属性的严苛要求
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 基础ng属性指令 ng-hrefng-srcng-disabledng-checkedng-readonlyng-...
    JUN_API阅读 3,427评论 0 0
  • AngularJS 内置指令 凡是以 ng- 开始的都成为内置指令 用于表示一个angular应用, Angul...
    what__阅读 1,774评论 0 1
  • 基础ng属性指令 布尔属性 布尔属性代表一个true或false值。当这个属性出现时,这个属性的值就是true(无...
    oWSQo阅读 4,971评论 0 0
  • AngularJS是什么?AngularJs(后面就简称ng了)是一个用于设计动态web应用的结构框架。首先,它是...
    200813阅读 5,555评论 0 3
  • AngularJSAngularJS 是一个 MV* 框架, 最适于开发客户端的单页面应用。它不是个功能库,...
    一直以来都很好阅读 4,381评论 0 0