Как проверить список флажков?

Question

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

<li class="checkbox-wrap" *ngFor="let data of setupData">
    <span *ngFor="let groupdata of data.groupTypes">
         <span *ngFor="let servicedata of groupdata.printServices">
              <md-checkbox [checked]="selectAll" (click)="checkedService()">{{data.serviceCategoryDisplayName}} / {{groupdata.groupTypeDisplayName}} / {{servicedata.printServiceDisplayName}}</md-checkbox>
         </span>
       </span>
     </li>

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

Answer 1

Вы можете присвоить флажкам идентификатор с индексом цикла:

<span *ngFor="let servicedata of groupdata.printServices; index as i">
          <md-checkbox id="id_{{i}}" [checked]="selectAll" (click)="checkedService()">{{data.serviceCategoryDisplayName}} / {{groupdata.groupTypeDisplayName}} / {{servicedata.printServiceDisplayName}}</md-checkbox>
</span>

И для проверки вы можете получить такие значения:

for(let item in this.data){
   var input = document.querySelector("#id_"+i);
   console.log(input.checked);
   i++;
}

Вы можете проверить это здесь: https://stackblitz.com/edit/angular-gf5zss?file=src%2Fapp%2Fapp.component.ts