Создание проверки и отмените все функции в Angular Js

Question

У меня есть несколько флажков, которые я уже проверял с помощью ng-init

<div class="checkbox">
     <label>
      <input type="checkbox" ng-init="model.A='A'" ng-model="model.A" ng-true-value="'A'" ng-false-value="'nope'"/>A
     </label>
</div>
<div class="checkbox">
     <label>
      <input type="checkbox" ng-init="model.A='B'" ng-model="model.B" ng-true-value="'B'" ng-false-value="'nope'"/>B
     </label>
</div>
<div class="checkbox">
     <label>
      <input type="checkbox" ng-init="model.C='C'" ng-model="model.C" ng-true-value="'C'" ng-false-value="'nope'"/>C
     </label>
</div>

Я хочу создать функцию, чтобы эти флажки включались и снимались, когда я отмечал отдельный флажок, ссылку или кнопку. Кто-нибудь может мне помочь?

Answer 1

Это просто, как показано ниже,

создать ссылку, чтобы переключить статус проверки флажки, здесь я создал три ссылки

первый предназначен для переключения статуса флажка, второй для снятия всех флажков и последний для проверки всех флажков.

<a href="#" ng-click="toggleCheck()">toggle check</a> | <a href="#" ng-click="uncheckAll()">uncheck all</a> | <a href="#" ng-click="checkAll()">check all</a>

нажмите на снять флажок будет обрабатывать, как показано ниже,

$scope.uncheckAll = function() {
    $scope.model.A = false;
    $scope.model.B = false;
    $scope.model.C = false;
};

присваивать значение, которое приводит к снятию флажков.

нажмите, чтобы проверить все будет обрабатываться, как показано ниже,

 $scope.checkAll = function() {
     $scope.model.A = 'A';
     $scope.model.B = 'B';
     $scope.model.C = 'C';
};

Назначьте начальные значения, которые приводят к проверке статуса флажков.

Включите проверку, как показано ниже, если A сними галочку потом все снимешь другие пороки все проверим.

$scope.toggleCheck = function() {
    if ($scope.model.A == false) {
        $scope.checkAll();
    } else {
        $scope.uncheckAll();
    }
};

вот ДЕМО

Answer 2

    //on button click
    var key;

   for(key in $scope.model){
      if(//checked condition){
       $scope.model[key] = key;
      }else{
        $scope.model[key] = 'nope';
      }
    }