11

有没有办法将[stepControl]错误匹配器与模板驱动的表单一起使用？文档只介绍了一个 AbstractControl 实例，它显然强制使用响应式表单。

我尝试使用[stepControl]="myNgForm"并[linear]="true"验证这些步骤，但步进器只是忽略它。

我很感激任何帮助。

谢谢！

4

3 回答 3

12

步骤控制似乎与“form.control”一起使用。这是一个示例，每个步骤一个表单和模板驱动的表单。

  <mat-vertical-stepper [linear]="true">
    <mat-step [stepControl]="form1.control">
       <form #form1="ngForm">
          <input [(ngModel)]="name" name="name" required />
       </form>
    </mat-step>
    <mat-step [stepControl]="form2.control">
       <form #form2="ngForm">
          <input [(ngModel)]="address" name="address" required />
       </form>
    </mat-step>
  </mat-vertical-stepper>
于 2019-01-02T16:59:24.110 回答
3

使用 [stepControl]="myNgForm.controls.[controlGroup]"

<form #form="ngForm" novalidate>
  <mat-vertical-stepper [linear]="true">
    <mat-step label="Reporting person" ngModelGroup="reportor" [stepControl]="form.controls.reportor">
       <mat-form-field>
          <input matInput placeholder="First Name" name="firstName" ngModel required />
       </mat-form-field>
    </mat-step>
  </mat-vertical-stepper>
</form>
于 2018-05-23T11:20:56.020 回答
0

ngForm指令具有FormGroup类型的属性形式

https://angular.io/api/forms/NgForm

于 2021-03-08T10:22:38.190 回答