How to prevent click on parent in Angular/Ionic2?

Question

I have the list on which items when it's clicked I need to do some actions. Also I have sliding menu on those actions. When I slide it and click it also triggers the click on `ion-item-sliding. Is it possible somehow to prevent click when slid is open?

<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>

Günter Zöchbauer · Accepted Answer · 2017-02-13 08:47:19Z

15

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

answered Feb 13, 2017 at 8:47

Günter Zöchbauer

661k235 gold badges2.1k silver badges1.6k bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to prevent click on parent in Angular/Ionic2?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related