Angular 装饰器 HostListener 监听DOM事件 使用指南

需求：查询搜索时，希望点击回车默认搜索，不点击搜索按钮

解决方案：在输入的input框中写入(keyup.enter)="ngxQuery.executeQuery()"

当前业务搜索框有搜索后下拉选择，导致选择后回车无效。
最完美的解决办法：使用整个页面监听dom，用户点回车后执行查询事件。

就用到了 angular的HostListener
以下-----使用指南

import {
    
     HostListener} from '@angular/core';


@HostListener('window:keydown', ['$event'])
handleKeyDown(event: KeyboardEvent) {
    
    
    if (event.key === 'Enter') {
    
    
     //在这里执行查询事件
    }
  }