各ステップで動的フォームを持つステッパーを使用しています。次のように次のボタンと戻るボタンをクリックすると呼び出す、戻るボタンと次のボタンのメソッドを作成しました。
<button (click)="previousStage()" mat-raised-button matStepperPrevious>BACK</button>
<button mat-raised-button matStepperNext (click)="nextStage()">Next</button>
また、ユーザーがヘッダー ナビゲーションをクリックしたときに前後に移動したいので、そのためのメソッドも作成しました。
<mat-horizontal-stepper [linear]="true (selectionChange)="onNavChange($event)">
onNavChange(event) の中で .. ステップ名に応じてメソッド next または sub を呼び出します。
問題は、次のボタンをクリックすると、2回呼び出されることです...最初に onNavChange($event) を呼び出し、次に次のボタンでメソッドが呼び出されます。
一度だけ呼び出されるようにするにはどうすればよいですか? ヘッダーをクリックしたときにのみ onNavChange() が実行される方法はありますか?