Angular 2 prevent click on parent when clicked on child

Question

I have a click event nested one level. When i click on the child the expected function is called but the parent\'s function is also called. Here is the code

<         


        

Answer 1

Just you need to add $event.stopPropagation() code on Child div on click event