ステップ間のマットステッパーWeb API呼び出し

Question

マットステッパーをAngular materialから使用していますが、現在のフォームを保存するためのWeb API呼び出しまでステッパーが次のステップに移動しないようにする方法があるかどうかを知りたいと思います返されます。

私はReactiveフォームを使用しており、すべての要素が検証に合格するまでユーザーが次に進むのを防ぐことで効果的な検証を行います。ただし、この条件が満たされたら、現在のフォームを保存するWeb API呼び出しが正常に返されるまで[次へ]ボタンをブロックします。あなたがコンポーネントでハンドラを作成し、このようにステップインデックスを渡す必要が

おかげ

Answer 1

：

HTML：

1. <mat-horizontal-stepper linear="true" #stepper> 
2. <button mat-button matStepperNext (click)="ApiCallHandler(0)">Next</button> 

コンポーネント：

1. @ViewChild('stepper') stepper; 
    stepperHandler(index){ 
     this.stepper.selectedIndex = index; 
    } 
2. stepperHandler(index){ 
     this.stepperHandler(index); 
     //Do ur Api call 
     this.stepperHandler(index+1); 
    } 

・ホープ、この意志お助けください