角形材料步进器与Mat-Select实现默认值。

我想在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]
});

给TA打赏
共{{data.count}}人
人已打赏
未分类

AppBBar按钮。如何将2个glyps作为Icon

2022-9-7 22:00:16

未分类

Spring云流服务总线绑定器的错误通道

2022-9-7 22:00:18

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索