天天看點

AngularJs ngChange、ngChecked、ngClick、ngDblclick

ngChange

當使用者更改輸入時,執行給定的表達式。表達式是立即進行執行的,這個和javascript的onChange事件的隻有在觸發事件的變化結束的時候執行不同。

格式:ng-change=”value”

value: 表達式。

使用代碼:

這個指令就是對輸入的值做個監聽,當發現值變化的時候,你需要讓我做什麼操作我就做什麼操作咯。 

ngChecked

HTML規範不允許浏覽器保持boolean值屬性,就像checked。(他們存在是true,不存在即為false)如果我們将一個Angular表達式轉換為這樣一個屬性,那麼綁定的資訊将會在浏覽器移除這個屬性的時候消失。ngChecked 指令解決了checked這個屬性的問題。這個補充的指令不會被浏覽器移除,并且提供一個永久可靠的地方來存儲綁定的資訊。

格式: ng-checked=“value”

value:表達式  結果是個boolean類型

偷偷的說下,這個指令在做選擇配置的時候挺有用的哦。

ngClick

ngClick指令允許當一個元素被點選後執行指定的表達式。

格式:ng-click=“value“

value:表達式

滑鼠單擊事件,不用多說。

ngDblclick

ngDblclick指令允許你在dblclick事件上執行指定的表達式。

格式:ng-dblclick=“value”

滑鼠輕按兩下事件,無需解釋。

繼續閱讀