logclicks.directive.ts

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

@Directive({
  selector: '[logClicks]'
})
export class LogClicksDirective {

  public couter = 0;
  @Output() changes = new EventEmitter();

  @HostListener('click', ['$event.target'])
  onclick(target) {
    this.couter++;
     console.log(target);
     this.changes.emit(this.couter);
  }
}