防止事件在 Angular 中传播

Question

我有一些这样的导航设置：

    <a (click)="onCustomParameters()">
        <app-custom-start-card></app-custom-start-card>
    </a>

当用户点击app-custom-start-card 时，onCustomParameters() 被触发，触发导航。

卡片中还有另一个按钮可以打开外部链接。单击时会打开外部链接，同时会触发onCustomParameters()。

比如卡片里面有这个按钮：

<button (click)="issuesTab()">Issues</button> Github Repository.

问题选项卡功能是这样做的：

  issuesTab(e:any) {
    e.stopPropagation()
    window.open(ISSUES_URL, '_blank');
  }

我认为也许 e.stopPropagation() 可以解决问题，但没有 bieno。想法？

Answer 1

尝试在您的模板中将$event 传递给issuesTab：<button (click)="issuesTab($event)">，否则e 将是未定义的。除此之外，您与e.stopPropagation() 走在了正确的轨道上。