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