Angular

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() 方法，只有在单击我的 main 时才转到另一个页面）。

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

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

提前致谢！马特乌斯

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

Angular - routerLink inside routerLink

html

routerlink