Parent & child elements click event handling in Angular5

Question

In Angular5,

I have the code like below.

   <div (click)="abc()">
    some content
    <button (click)="xyz()">Click</button>
    </div>

Whenever I click on button,the two methods are calling.But i want to call a single method.it belongs to button click.

How to handle it in Angular5

Thanks,

Roy · Accepted Answer · 2018-06-29 14:12:32Z

3

thus in the template :

<div (click)="abc()">
    some content
    <button (click)="xyz($event)">Click</button>
</div>

In the component

xyz = function (event: Event) {
    event.stopPropagation();
    ... // rest of the stuff 
}

Roy

8,1295 gold badges29 silver badges49 bronze badges

answered Jun 29, 2018 at 14:10

Pierre Mallet

7,2512 gold badges22 silver badges31 bronze badges

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

1 Answer 1