Angular HostListener is deprecated. Use host.

import { Component, Directive } from '@angular/core';

@Directive({
  selector: 'button[counting]',
  host: {
    '(click)': 'onClick($event.target)'
  }
})
export class CountClicks {
  nrClicks = 0;
  onClick(btn) {
    console.log("bt", btn, "nr of clicks:", this.nrClicks ++);
  }
}

@Component({
  selector: 'app-root',
  template: `<button counting>Increment</button>`
})
export class AppComponent { }