如何防止角度材料步进器上的事件

Question

我在 Angular 8 项目中使用材质步进器。 我需要为每个步骤附加一个按钮，但我不想在用户每次单击按钮时更改步骤。 那么，如何仅在单击其中的按钮时禁用步进导航？ 谢谢大家。

实例： https : //stackblitz.com/edit/angular-hyrcdf-vmo5nm

Answer 1

终于解决了！

我在绑定到步进器按钮的函数上实现了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