stop-directive-final.ts

import { Directive, Output, EventEmitter, HostListener } from '@angular/core';

@Directive({
  selector: '[click.stop],[clickStop]'
})
export class StopPropagationDirective {
  @Output("click.stop") stopPropEvent = new EventEmitter();
  
  @HostListener('click', ['$event'])
  onClick(event: Event) {
    event.preventDefault();
    this.stopPropEvent.emit(event);
  }
}