Как сделать части контейнера / div, чтобы выборочно игнорировать событие click в angular?

Question

рассмотрите следующий код:

HTML:

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

Как мне сделать так, чтобы функция clicked () не запускалась, когда я щелкаю элемент 3? Но работает, когда я щелкаю где-нибудь еще в строке?

Answer 1

Вы можете использовать stopPropagation:

<div (click)="$event.stopPropagation()">Item 3</div>