首页 > 代码库 > Angular指令

Angular指令

  1. ng-app 指令定义了 AngularJS 应用程序的 根元素,在网页加载完毕时会自动引导(自动初始化)应用程序
  2. ng-init 指令为 AngularJS 应用程序定义了 初始值
  3. ng-model 指令 绑定 HTML 元素 到应用程序数据

    ng-model 指令也可以:

    • 为应用程序数据提供类型验证(number、email、required)。
    • 为应用程序数据提供状态(invalid、dirty、touched、error)。
    • 为 HTML 元素提供 CSS 类。
    • 绑定 HTML 元素到 HTML 表单。
  4. ng-repeat 指令对于集合中(数组中)的每个项会 克隆一次 HTML 元素
  5. ng-model 用于表单数据双向绑定,对于普通元素无效 
  6. ng-bind  用于普通元素,应用程序单项渲染数据到元素 ,不能应用于表单
  7. 当ng-bind和{{}}同时使用时,ng-bind绑定的值覆盖该元素的内容 
  8. 自定义指令使用驼峰命名,使用时需用 - 分割;可以使用元素,属性,类名,注释方式调用
    eg:
    元素名:<my-directive></my-directive>
    属性: <div my-directive></div>
    类名: <div class="my-directive"></div>
    注释:<!-- directive: my-directive -->
  9. restrict 值可以是以下几种:

    • E 作为元素名使用
    • A 作为属性使用
    • C 作为类名使用
    • M 作为注释使用

    restrict 默认值为 EA, 即可以通过元素名和属性名来调用指令。

Angular指令