AngualrJS的学习记录（三）一一AngularJS指令小结

AngularJS指令小结：

1、ng-app指令定义了AngularJS应用程序的根元素，在网页加载完毕的时候会自动引导（自动初始化）应用程序；

2、ng-init指令为AngularJS应用程序定义了初始值，多个初始值用分号隔开；通常情况下，不实用ng-init。而是使用一个控制器或者模块来代替它；

3、ng-model指令绑定HTML元素到应用程序数据，它可以为应用程序提供类型验证（number、email、required），为应用程序数据提供状态（invalid、dirty、touched、error），为HTML元素提供CSS类，绑定HTML元素到HTML表单；即是用于表单元素，支持双向绑定，对普通元素无效

4、ng-repeat指令对于集合中（数组中或者数组对象中）的每个项会克隆一次HTML元素；

5、ng-bind用于普通元素，不能用于表单元素，应用程序单向地渲染数据到元素；当ng-bind和{{}}同时使用时。ng-bind绑定地值覆盖该元素地内容；

6、还可以创建自定义的指令

除了AngularJS内置的指令外，我们还可以创建自定义的指令。

先写个小例子：

我们可以通过以下几种方式来调用指令：

1、通过元素名的方式调用：

<user-directive></user-directive>

2、通过属性的方式

<div user-directive></div>

3、通过类名的方式

<div class="user-directive"></div>