angular - 如何在 mat-select -Angular 中添加所有选择复选框

Question

我有 mat-select 下拉菜单来选择所有或一些项目。我正在努力选择所有或没有项目。在 HTML 文件中：

   <mat-form-field appearance="outline" class="col-100">
     <mat-label>{{labels.criteria.name}}</mat-label>
     <mat-select formControlName="criteria" multiple  [(ngModel)]="selected">
       <mat-option *ngFor="let criterion of options.criteria" 
         [value]="criterion.value">
         {{criterion.text}}
       </mat-option>
     </mat-select>
   </mat-form-field>

在 TS 文件中：

  selected = [];
     constructor(
       private service: InterviewService, 
       @Inject(MAT_DIALOG_DATA) public data: Interview
       ) {}
   ngOnInit() {
    this.selected = this.data.criteria.map(criterion => {
    return criterion.id;
     });
    }
  onSubmit(): void {
   const data = this.formGroup.value;
   data.criteria = data.criteria.map((item: number) => {
     return { id: item };
     });
  }

我将选定的项目放在这个数组（this.selected）上。& 发送所选 id 的 onSubmit() 数组。

如何选择此数组中的所有项目？

标签： angularmaterial-ui