2013年5月18日 星期六

AngularJS中,如何使ng-click事件在特定條件下無法觸發(disabled)?

有時候我們希望某些按鈕是呈現disabled的狀態,同時ng-click事件也不能被觸發。要做到這點,有兩個方式:

首先要先指定一個angular變數作為判定是否disabled,這邊就用disabled這名字當變數好了

第一個方式是在ng-click事件動手腳,將事件改成

 <button ng-click="disabled || some_func()">Click Me</button>

如此一來,當disabled為true時,就不會觸發some_func()

另外一個方式,應該是比較正規的方式,是加上標籤ng-disabled,例如

<button ng-disabled="disabled"  ng-click="some_func()">Click Me</button>

這邊借用一下別人的測試範例連結,有簡單清晰的代碼可供參考

沒有留言:

張貼留言