angular js 指令

Angular 指令

ng-app 指令

ng-app 指令定义了 AngularJS 应用程序的 根元素。

ng-app 指令在网页加载完毕时会自动引导(自动初始化)应用程序。

稍后您将学习到 ng-app 如何通过一个值(比如 ng-app="myModule")连接到代码模块。

ng-init 指令

ng-init 指令为 AngularJS 应用程序定义了 初始值。

通常情况下,不使用 ng-init。您将使用一个控制器或模块来代替它。

稍后您将学习更多有关控制器和模块的知识。

ng-model 指令

ng-model 指令 绑定 HTML 元素 到应用程序数据。

ng-model 指令也可以:

为应用程序数据提供类型验证(numberemailrequired)。

为应用程序数据提供状态(invaliddirtytouchederror)。

为 HTML 元素提供 CSS 类。

绑定 HTML 元素到 HTML 表单。

ng-repeat 指令

ng-repeat 指令对于集合中(数组中)的每个项会 克隆一次 HTML 元素

自定义指令

 

注意:restrict 

restrict 值可以是以下几种:

E 只限元素名使用

A  只限属性使用

C  只限类名使用

M  只限注释使用

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

 

ng-model 指令

ng-model 的应用状态

ng-model 指令可以为应用数据提供状态值(invalid, dirty, touched, error):

ng-model 指令根据表单域的状态添加/移除以下类:

ng-empty

ng-not-empty

ng-touched

ng-untouched

ng-valid

ng-invalid

ng-dirty

ng-pending

ng-pristine

ng-model 双向绑定

 

原文地址:https://www.cnblogs.com/zeopean/p/angular.html