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

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 的值仅在视图初始化后加载。