带有按钮的ngbTabTitle导致重定向

Question

我有以下内容：

<ng-template ngbTabTitle>
  <span title="{{p.name}}">#{{pi+1}}</span>
  <button type="..." (click)="removePackage($event, pi)">R</button>
</ng-template>

但是，当用户单击按钮时，它将用户重定向回根路由（本地路由）。 在removePackage（）方法中，我尝试使用event.stopPropagation（）停止传播，但这似乎没有帮助。

有人可以告诉我如何在标签标题中添加按钮（或任何可点击的按钮），而无需重新定向用户？

Answer 1

在事件上致电preventDefault()。

Demo