angular学习（二）-- Directive

1.2 指令：Directive

AngularJS 经过被称为 指令 的新属性来扩展 HTML，
具体表现形式通常为带有前缀 ng-xxx 的 HTML 属性。

指令的使用形式

• ng-xxx 的属性自己并非标准中定义的属性
• 不少状况下没法经过语法校验
• HTML5 容许扩展的属性，以 data- 开头
• 在 ng 中能够使用 data-ng- 做为前缀来让网页对 HTML5 有效
• 两者效果相同

内置指令

AngularJS 内置了不少指令，用来加强 HTML，如下是一些经常使用内置指令的介绍。

ngApp

ngController

ngInit

ngBind

• ng-bind
• ng-non-bindable

ngBindHtml

ngRepeat

• ng-repeat

解决重复项报错问题

ngClass

• ng-class
• ng-class-even
• ng-class-odd

ng-cloak

ng-hide-show-if-switch

ng-src

其它经常使用指令

• ng-checked : 单选/复选是否选中，只是单向绑定数据
• ng-disabled : 是否禁用
• ng-readonly : 是否只读
• ng-selected : 是否选中，只是单向数据绑定

事件型指令

• ng-click ：鼠标单击
• ng-blur ：失去焦点
• ng-focus ：获得焦点
• ng-change ：发生改变
• ng-copy ：拷贝完成
• ng-dblclick ：鼠标双击
• ng-submit：表单提交
• ng-copy
• ng-cut
• ng-paste
• ng-keydown
• ng-keyup
• ng-mousedown
• ng-mouseenter
• ng-mouseleave
• ng-mouseover
• ng-mouseup