Angularjs几个复选框，输入

Question

NG-禁用的按钮，我有以下plunler：

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"> 

但是当我把它应用到我的例子，它什么都不做。

有什么建议吗？

Answer 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"。