如何在mat-stepper和ngFor中使用formControl

时间:2019-06-05 17:02:36

标签: angular angular-material

如何为步进器内部的每个输入放置一个formControlName, 当第二个输入有错误时,在上一步中出现。

HTML

   <mat-vertical-stepper  #stepper [linear]="true">
        <mat-step  [stepControl]="fFormGroup" label="{{bloq.bloq.name}}" *ngFor="let bloq of bloqAuditory;let i = index">
             <form [formGroup]="fFormGroup">
                  <div class="row">
                      <div class="col-md-5">
                          <mat-form-field>
                              <input matInput placeholder="Nombre" formControlName="nameCtrl" >
                          </mat-form-field>    
                        </div>
                      </div>
                    </form>
          </mat-step>
    </mat-vertical-stepper>

TS

this.fFormGroup = this._formBuilder.group({
  nameCtrl : ['',Validators.required]
})

0 个答案:

没有答案