如何使用[stepControl]对每一垫步验证垫阶中的角stepControl

Question

在转角物料步进器中，通常可以将形状控制与形状组绑定，但在[stepControl]="myFormGroup"中如何与FormArray绑定？

构造函数

constructor(private _fb: FormBuilder){}

FormArray内部FormGroup

 this.myFormGroup = this._fb.group({
      skills: this._fb.array([this.init()])
    }

这是init函数，用于创建新的formGroup

 init(){
    return this._fb.group({
      skill1: ['', Validators.required],
      skill2: ['', Validators.required],
      skill3: ['', Validators.required],
      skill4: ['', Validators.required],
    })
 }

这是我的mat-step代码

<mat-stepper linear #stepper>
  <mat-step [stepControl]="myFormGroup" [editable]="isEditable">
    <form [formGroup]="myFormGroup">
      <ng-template matStepLabel>Fill out your name</ng-template>

     // Form Fields Goes here

      <div>
        <button mat-button matStepperNext>Next</button>
      </div>
    </form>
  </mat-step>
</mat-stepper >

现在的问题是如何将[stepControl]设置为FormArray，即skills？如果技能无效，则不应转移到下一步。

Answer 1

我找到了这个解决办法。

在component.ts文件中创建一个函数

get myFormGroupControls() {
    return this.myFormGroup.get('skills') as FormArray
    }

把这个功能用到你的垫子上就像这样

[stepControl]="myFormGroupControls"