如果您希望能够将其添加到任何元素而不必一遍又一遍地复制/粘贴相同的代码，您可以创建一个指令来执行此操作。它很简单，如下所示：

import {Directive, HostListener} from "@angular/core";

@Directive({
    selector: "[click-stop-propagation]"
})
export class ClickStopPropagation
{
    @HostListener("click", ["$event"])
    public onClick(event: any): void
    {
        event.stopPropagation();
    }
}

然后只需将其添加到您想要的元素中：

<div click-stop-propagation>Stop Propagation</div>