Как выбрать все флажки в Angular?

Question

Я уже установил все флажки.

selectAllCheckbox(): void {
  for (const task of this.tasks) {
  task.done = true;
 }
}

Теперь мне нужно проверить его и снять флажок «все».

Answer 1

Вы делаете это себе тяжело,

Простой способ - создать одну переменную и использовать [(ngMode)] для управления всеми флажками

Для глубокого понимания

В вашем .html

 <section class="example-section">
      <mat-checkbox [(ngModel)]="checker">First</mat-checkbox>
      <mat-checkbox [(ngModel)]="checker">Second</mat-checkbox>
      <mat-checkbox [(ngModel)]="checker">Third</mat-checkbox>
 </section>

  <button (click)="changeChecker()"></button>

А в вашем .ts файле

export class Home {
 checker:boolean = true;

 constructor(){}

 changeChecker() {
   this.checker = !this.checker;
 }

}