Ionic div内的可单击图标

inkz8wg9 于 2022-12-08 发布在 Ionic

关注(0)|答案(2)|浏览(149)

如何避免在单击图标时触发div click事件

<div(click)="goNext()">
    <ion-icon  name="close-circle-outline" size="large" (click)="dissmiss()"></ion-icon>
</div>

2条答案

在dissmiss函数上，您必须编写图标代码逻辑。执行后，您必须将event. stopPropagation（）放置在dissmiss函数的末尾，以停止事件来触发父事件。
就像这样：

function dissmiss(event){
  // write code for icon close.
  event.stopPropagation();
}

上面的代码运行您为图标关闭编写的逻辑，并在此函数处立即停止，不会转到父节点click。

<div(click)="goNext()">
    <ion-icon  name="close-circle-outline" size="large" (click)="dissmiss($event)"></ion-icon>
</div>

在JS中：

function dissmiss($event){
    $event.stopPropagation();
}