mat-select 更改事件未以 setvalue angular 13 反应形式触发

Question

在表单组内使用 mat-select

<mat-form-field appearance="outline">
   <mat-select formControlName="formula" id="formula">
       <mat-option [value]="metricFormula.TotalCount">{{l('TotalCount')}}</mat-option>
       <mat-option [value]="metricFormula.Sum">{{l('Sum')}}</mat-option>
       <mat-option [value]="metricFormula.Average">{{l('Average')}}</mat-option>
       <mat-option [value]="metricFormula.Percentage">{{l('Percentage')}}</mat-option>
    </mat-select>
</mat-form-field>

在 ts 文件中将值设置为表单控制formula ，不会触发更改事件

 get f() { return this.formGroup.controls; }

 private formBuild(): void {
        this.f.formula.setValue(metricFormula.Average);
}

更改事件代码不会被调用，但是，可以从列表中手动选择值

onChanges(): void {
    this.f.formula?.valueChanges.subscribe(val => {
        console.log(val);
    });
}

ngOnInit(): void {
        this.formBuild();
        this.onChanges();
    }

Answer 1

我必须实施AfterViewInit并为我工作

    export class MetricConfigureComponent implements OnInit, AfterViewInit {
      ngAfterViewInit() {
        setTimeout(() => {
           this.f.formula.setValue(//Some value of that type);
        });
      }
    }