如何使用反应形式方法为垫下拉菜单 select 默认值

Question

我正在以反应形式使用 mat-dropdown。 我想从下拉列表中选择一个默认选项。

在模板驱动的方法中，我使用 [{ngModel}] = "selectedValue" 来设置默认值。 但是在使用 formControlName 的反应式 forms 中，不支持 ngModel。

如何在反应式 forms 中将任何选项设置为默认选择？ 任何人都可以帮忙。

 <mat-label><b>ABC Group: <mark class="red">*</mark></b></mat-label>
                    <mat-form-field appearance="outline">
                        <mat-select formControlName="apcGroup" (selectionChange)="onSelectionChanged($event)" placeholder="Select One">
                            <mat-option *ngFor="let abc of Group"  [value]="abc.groupDesc">{{abc.groupDesc}}</mat-option> 
                        </mat-select>
                    </mat-form-field>
                

Answer 1

您可以在反应式 forms 上使用setValue() function。

将此添加到您的 component.ts

ngOninit(){
  this.yourForm.controls.Group.setValue('Your Value');
}

根据您的用例，您还可以使用patchValue() function 而不是setValue() 。

PS - 删除敏感信息