如何在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;
 }

}