Page 76 - AngularJS权威教程
P. 76
56 第 9 章 内置指令
第9章
内置指令
AngularJS提供了一系列内置指令。其中一些指令重载了原生的HTML元素,比如<form>和
<a>标签,当在HTML中使用标签时,并不一定能明确看出是否在使用指令。
例如,<form>标签被从底层扩展了一系列高级功能,包括表单验证等,原生HTML表单并不
会提供这些功能。
其他内置指令通常以ng为前缀,很容易识别。例如后面将介绍的ng-href指令,它会提供一
个超链接,这个链接将处于禁用状态,直到ng-href="someExpresiion"中的表达式被调用并且
返回一个值。
最后,某些内置指令并不会有对应的HTML标签,比如ng-controller,这个指令可以在标
签的属性中使用,通常在包含很多子元素并且需要共享作用域时使用。
注意,所有以ng前缀开头作为命名空间的指令都是AngularJS提供的内置指令,因此不要把
你自己开发的指令以这个前缀命名。
9.1 基础 ng 属性指令
首先来看看和原生HTML标签名称相似的一组内置指令,这组指令非常容易记忆,因为仅仅
是在原生标签名前加上了ng前缀,包括:
ng-href;
ng-src;
ng-disabled;
ng-checked;
ng-readonly;
ng-selected;
ng-class;
ng-style。
9.1.1 布尔属性
下面介绍的指令将帮助我们更简便地使用HTML布尔属性。