How to make parts of a container/div to selectively ignore the click event in angular?

consider the following code:

HTML:

    <div (click)="clicked()" fxLayout="row" fxLayoutAlign="space-between">
<div>Item 1</div>
<div>Item 2</div>
<div>Item 3</div>
</div>


How do I make it so that the ‘clicked()’ function is not ran when I click item 3? But runs when I click anywhere else in the row?

Source: New feed
Source Url How to make parts of a container/div to selectively ignore the click event in angular?