Angular指令
- ng-app 指令定义了 AngularJS 应用程序的 根元素,在网页加载完毕时会自动引导(自动初始化)应用程序
- ng-init 指令为 AngularJS 应用程序定义了 初始值
- ng-model 指令 绑定 HTML 元素 到应用程序数据
ng-model 指令也可以:
- 为应用程序数据提供类型验证(number、email、required)。
- 为应用程序数据提供状态(invalid、dirty、touched、error)。
- 为 HTML 元素提供 CSS 类。
- 绑定 HTML 元素到 HTML 表单。
- ng-repeat 指令对于集合中(数组中)的每个项会 克隆一次 HTML 元素
- ng-model 用于表单数据双向绑定,对于普通元素无效
- ng-bind 用于普通元素,应用程序单项渲染数据到元素 ,不能应用于表单
- 当ng-bind和{{}}同时使用时,ng-bind绑定的值覆盖该元素的内容
- 自定义指令使用驼峰命名,使用时需用 - 分割;可以使用元素,属性,类名,注释方式调用
eg:
元素名:<my-directive></my-directive>
属性: <div my-directive></div>
类名: <div class="my-directive"></div>
注释:<!-- directive: my-directive --> -
restrict 值可以是以下几种:
E
作为元素名使用A
作为属性使用C
作为类名使用M
作为注释使用
restrict 默认值为
EA
, 即可以通过元素名和属性名来调用指令。