时间戳

首页 > 解决方案 > 如何使用反应形式方法为垫子下拉菜单选择默认值

html - 如何使用反应形式方法为垫子下拉菜单选择默认值

问题描述

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

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

如何将任何选项设置为在反应形式中默认选择？谁能帮忙。

 <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>

标签： htmlangular

解决方案

您可以setValue()在反应形式上使用该功能。

将此添加到您的 component.ts

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

您也可以使用patchValue()函数而不是setValue()取决于您的用例。

PS - 删除敏感信息

推荐阅读