Как предотвратить событие на Angular Материал степпера

Question

Я использую пошаговый материал для проекта Angular 8. Мне нужно прикрепить кнопку к каждому шагу, но я не хочу менять шаг каждый раз, когда пользователь нажимает кнопку. Итак, как я могу отключить пошаговую навигацию только при нажатии на кнопку внутри? Спасибо всем заранее.

Живой пример: https://stackblitz.com/edit/angular-hyrcdf-vmo5nm

Answer 1

Finnaly решено!

Я реализовал event.stopPropagation() для функции, связанной с кнопками шагового управления.

Шаблон :

<ng-template matStepLabel>Fill out your address
    <div class="status-icon" (click)="clickButton($event)">
    <button>Do something 2</button>
  </div>
 </ng-template>

Компонент:

clickButton(event: any) {
    event.stopPropagation();
    console.log('You clicked on a button');
   }

Stackblitz с полным примером: https://stackblitz.com/edit/angular-hyrcdf-vmo5nm