0

角度のあるマテリアルの Stepper コンポーネントは、このようなフォーム グループに接続できます。

<mat-vertical-stepper [linear]="isLinear" #stepper>
    <mat-step [stepControl]="firstFormGroup">
       <form [formGroup]="firstFormGroup">
          ....
      </form>
    </mat-step>
    ...

スタックブリッツ

さて、私が理解したい興味深いことは、最初のステップを空のままにして 2 番目のステップをクリックすると、フォーム フィールドが無効な状態になることです。しかし、stackblitz でわかるように、一番下にフォームとフォーム フィールドのすべての状態をリストしますが、何も変わっていないようです。

それで、私の質問は、フォームを無効にするためにステッパーによってフォームのどのプロパティが変更されるのですか?

注:私の場合、これが発生した場合、次のようなメッセージを追加する必要があります

<div *ngIf="firstFormGroup.touched && firstFormGroup.invalid">Extra message goes in here</div>
4

1 に答える 1