angular - Angular マテリアル: リニア ステッパーのプログラムによる「次へ」

Question

Angular マテリアル ステッパーを使用したいのですが、2 番目のステップに進む前に非同期サービス呼び出しを行う必要があります。どうすればこれを達成できますか？次のボタンにクリック ハンドラーを追加することもできますが、それは非同期呼び出しが戻ってくるのを待たずに続行します。ここに plnkr があります。

HTMLテンプレートには、次のボタンがあります。

  <button mat-button matStepperNext (click)="onNext()">Next</button>

コンポーネント内:

  onNext() {
     let promise = service.validateData()
  }

完了したステップ属性を使用する方法はありますか?