Кнопка "Отключить", когда флажок в списке ng-repeat снят

У меня есть кнопка, которую нужно отключить, если на моем ng-repeat нет флажка.

<button class="" data-toggle="modal" data-target="#rejectModal" contenteditable="false" id="delbutton" ng-model="delbutton" ng-disabled="!item.checked">

и мой флажок такой

<input type="checkbox" name="select" value="checked" ng-model="item.checked"/>

Как я могу это сделать?

1 ответ

Вот поршень для вашей проблемы. [ https://plnkr.co/edit/AIrKVLedt6mcggvpmJE2?p=preview][1]

контроллер:

app.controller('MainCtrl', function($scope) {

  $scope.Items = [
    {checked:false},
  {checked:true},
  {checked:false},
  ];

  $scope.setButtonEnabled = function(itemchecked){
      var isButtonEnabled =false;
      angular.forEach( $scope.Items, function(item){
        if(item && item.checked)
           isButtonEnabled = true;
      });
      return  isButtonEnabled;
  };
});

Html:

<div ng-repeat="item in Items">
      <input type="checkbox" name="select" value="checked" ng-model="item.checked" ng-change="setButtonEnabled()" />
    </div>
    <br>
    <button  id="delbutton"  ng-disabled="setButtonEnabled()">Submit</button>
Другие вопросы по тегам