我想在Angular材质的步进器中用mat-select显示一个默认值。
编辑]你不能使用formControlName与双向绑定。我最后在声明表单组的时候,在组件中初始化了这个值。
<mat-horizontal-stepper [linear]="true" #stepper="matHorizontalStepper">
<mat-step [stepControl]="firstFormGroup">
<form [formGroup]="firstFormGroup">
<mat-form-field>
<mat-select [(value)]="actionOnFailure" formControlName="firstCtrl">
<mat-option value="CONTINUE">CONTINUE</mat-option>
<mat-option value="TERMINATE_ON_ANY">TERMINATE_ON_ANY</mat-option>
</mat-select>
</mat-form-field>
</form>
</mat-step>
</mat-horizontal-stepper>
TS文件
this.firstFormGroup = this._formBuilder.group({
firstCtrl: ['INITIALIZE_VALUE_HERE', Validators.required]
});
actionOnFailure = 'Default Value'
不要使用2路绑定与表单控件相结合。 使用带有2路绑定的模板表单,或带有反应式表单的表单控件。
移除 [(value)]="actionOnFailure"
然后将formcontrol改为默认值。
this.firstFormGroup = this._formBuilder.group({
firstCtrl: ['Default Value', Validators.required]
});