选择所有垫子选项无法正常工作

Question

在this question之后，我有

<mat-select [formControl]="tipoAttivitaSelect" multiple >
              <mat-option #selectAll [value]="0" (click)="all()">
                  All
                 </mat-option>
            <mat-option *ngFor="let attivita of mappaAttivita" [value]="attivita" (click)="opzioneSelezionata(attivita.value)">
              {{attivita.description}}
            </mat-option>
          </mat-select>

在.ts

中

@ViewChild('selectAll') private selectAll: MatOption;
tipoAttivitaSelect: FormControl = new FormControl();
mappaAttivita =  [{
      value:"option1",
      description:"Option 1"
  },
  {
      value:"option2",
      description:"Option 2"
  }]

   ngOnInit(){
    this.selectAll.select();
    this.tipoAttivitaSelect.patchValue([...this.mappaAttivita.map(item => item), 0])
  }



all() {
    if (this.selectAll.selected) {
      this.tipoAttivitaSelect.patchValue([...this.mappaAttivita.map(item => item), 0])
    } else {
      this.tipoAttivitaSelect.patchValue([])
    }
  }

我期望的是，当我转到页面时，它们都被选中了，但是没有发生。当我进入页面时，只有“全部”选项被选中，而其他则没有。然后，如果我取消选中所有选项，然后再次检查，则所有选项均被正确选择。
我不知道为什么会这样，因为我在ngOnInit和方法“ all（）”中都执行了相同的操作

Answer 1

您必须在ngAfterViewInit中进行全选，因为在Mat-select加载值之前触发了all()函数。那是因为在角度生命周期中，只有在视图初始化后才加载mat select的值。