Question

我有一个问题：我有：

<div class="list-group-item clearfix dictionaryItem" style="cursor:pointer" [routerLink]="[index]">

  <div class="pull-right">
    <img src="/assets/delete-icon.png" width="25" height="25" (click)="onDelete()">
  </div>
</div>

我想在点击时只调用onDelete（）方法，只在点击我的主页时转到另一个页面。

我该怎么做？或许我的想法是错的？也许我应该采取另一种方法？

我希望整个主要div像按钮一样。

提前谢谢！ Mateusz

Answer 1

您希望将$event传递给onDelete()方法并在其上调用stopPropagation()：

onDelete(event) {
  // do whatever you want to do
  event.stopPropagation();
}

HTML：

<img src="/assets/delete-icon.png" width="25" height="25" (click)="onDelete($event)">

Sample on stackblitz

Angular - routerLink内的routerLink

1 个答案: