有時候我們希望某些按鈕是呈現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>
這邊借用一下別人的測試範例連結,有簡單清晰的代碼可供參考
沒有留言:
張貼留言