Кнопка "Отключить", когда флажок в списке 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>