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内置的指令外,我们还可以创建自定义的指令。

先写个小例子:

AngualrJS的学习记录(三)一一AngularJS指令小结

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

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

<user-directive></user-directive>

2、通过属性的方式

<div user-directive></div>

3、通过类名的方式

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


相关文章: