angular - 如何使容器/ div 的一部分选择性地忽略角度中的单击事件？

Question

考虑以下代码：

HTML：

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

当我单击第 3 项时，如何使“clicked()”函数不运行？但是当我单击行中的其他任何位置时运行？

标签： angularclick

Answer 1

您可以使用 stopPropagation：

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