Why does this directive cause an error?

Why does this directive cause an error?

@Directive({ selector: '[appToggle]' })
export class ToggleDirective {
  constructor(private el: ElementRef, private renderer: Renderer2) {
    this.el.nativeElement.addEventListener('click', () => {
      this.renderer.setStyle(this.el.nativeElement, 'display', 'none');
    });
  }
}