如何防止在Angular/Ionic2中点击父级

Question

我有单击时需要执行一些操作的项目的列表。我也有这些动作的滑动菜单。当我滑动并单击它时，也会触发单击"离子项目滑动"。滑动打开时是否有可能以某种方式防止点击？

<ion-item-sliding *ngFor="let event of events" (click)="showModalInfo(event)">
    <ion-item>
        <h2>{{ event['Event type'] }}</h2>
    </ion-item>
    <ion-item-options side="right">
        <button ion-button color="light" icon-left (click)="showDescription(event)">
            <ion-icon name="ios-more"></ion-icon>
            More
        </button>
    </ion-item-options>
</ion-item-sliding>

Answer 1

(click)="$event.stopPropagation();showDescription($event)"