AngularJS2 cancel parent element action?

Question

<div (click)="parentAction()"> 
    <div (click)="childAction()"></div>
</div>

I want to trigger childAction only here but both parentAction and childAction is getting executed. How can I stop parentAction in this?

Looks like a dup of http://stackoverflow.com/questions/35274028/stop-event-propagation-in-angular-2 — Günter Zöchbauer, Aug 19 '16 at 10:46

score 3 · Accepted Answer · answered Aug 19 '16 at 10:45

3

<div (click)="parentAction()"> 
    <div (click)="$event.stopPropagation();childAction()"></div>
</div>

answered Aug 19 '16 at 10:45

1 Answers1