unicorn-components/src/directives/stop-click.directive.ts

<a target="_blank" href="https://getunicorn.io"><img src="https://bitbucket-assetroot.s3.amazonaws.com/c/photos/2017/Jul/07/2615006260-5-nitsnetsstudios-ondemand-UNI_avatar.png" align="left"></a>

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

@Directive({
    selector: "[uniStopClick]"
})
export class UniStopClickDirective {
    @HostListener('click', ['$event'])
    onClick(event: MouseEvent): void {
        event.stopPropagation();
        console.log('Click stopped');
    }
}