title: Directive doesn't handle event
body: <p>I must create a directive where I need to handle the &quot;key eventer event&quot;. So I do this:</p>
  <pre><code>@Directive({
      selector: 'p-dropdown',
  })
  export class AccessibilityDropdownDirective implements OnDestroy {
  
  constructor(private dropdown: Dropdown,
      private elementRef: ElementRef) {
      this.dropdownHtmlElement = this.elementRef.nativeElement as HTMLElement;
  }
  
  ngOnInit(): void {
      console.log(&quot;here&quot;)
      //  this.replaceKeyDownAction();
      // this.subscribeToDropdownShowEvent();
      // this.subscribeToDropdownHideEvent();
  }
  
  ngOnDestroy(): void {
      this.subscriptions.unsubscribe();
  }
  
  @HostListener('keydown', ['$event'])
  onKeyDown(event: KeyboardEvent) {
      console.log(event);//here is never called
      if (event.keyCode == 13) {
          this.dropdown.show();
      }
  }
  </code></pre>
  <p>The key-down event is never called also if I press &quot;enter&quot;. The console.log in <code>ngonInit</code> is called. I need to handle this event, anyone can help me?</p>