<!-- If `<span>` is clicked, its direct click handler `clickHandler()` will be triggered, while `parentClickHandler()` won't.  -->
<div (click)="parentClickHandler()">
  <span (click)="clickHandler()" clickStopPropagation><span>
</div>

import { ClickStopPropagationDirective } from '@talenra/components/dev-kit';