@Directive({
  selector: '[appClickCount]'
})
export class ClickCountDirective {
  clickCount: number;

  @Input('clickCountColor') color: string;
  @Output() clickCountChange = new EventEmitter<number>();
  @HostListener('click') click() { ... }
  @HostBinding('class.clicked') clicked: boolean;

  constructor(
    private elementRef: ElementRef,
  ) { }
}

/****************** Use case *********************

<button appClickCount
        clickCountColor="red"
        (clickCountChange)="clickCount = $event">
  Click Me!
<button>

**************************************************/