角度のあるマテリアルの 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>