2015-11-08 46 views
0

NG-禁用的按鈕,我有以下plunler:Angularjs幾個複選框,輸入

http://plnkr.co/edit/ZJq0Qy3j5nGr1eJ9f9QA?p=preview

我想要做的是,如果至少一個複選框被選中啓用按鈕。

<button class="btn btn-danger" ng-click="removeSelectedRows()">Remove Selected Rows</button> 

這個偉大的工程:

<button ng-disabled="mySwitch">Click</button> 
<input type="checkbox" ng-model="mySwitch"> 

但是當我把它應用到我的例子,它什麼都不做。

有什麼建議嗎?

回答

1

請檢查該普拉克:http://plnkr.co/edit/WpK2KXtAJC3gfl8MoMlZ?p=preview

但如果任何模型的項目是使用$scope.$watch功能true運行檢查:

$scope.$watch('tableSelection', function(val){ 
    if(val){ //if value is not empty 
     $scope.disableRemoveButton = true; 
     for (var i in val){ //iterate props of the Object 
     if(val.hasOwnProperty(i)){ //only needed props 
      if(val[i] == true) { 
      $scope.disableRemoveButton = false; 
      } 
     } 
     } 
     } 
    }, true) 

我們還引入在正在改變額外的標誌$scope.disableRemoveButton如果模型中有真正的價值的話。這對應於模板中的<button class="btn btn-danger" ng-disabled="disableRemoveButton"