Angular 6 Directive - Prevent double click

no-double-click.directive.ts

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

@Directive({
  selector: '[noDoubleClick]'
})
export class NoDoubleClickDirective {

  constructor(private renderer: Renderer) { }

  @HostListener('click', ['$event'])
  clickEvent(event: Event) {
    this.renderer.setElementAttribute(event.target, 'disabled', 'disabled');
    setTimeout(() => {
      this.renderer.setElementAttribute(event.target, 'disabled', null);
    }, 1000);
  }
}