Javascript 聆听输入并单击<;输入>;成分

Javascript 聆听输入并单击<;输入>;成分,javascript,angular,Javascript,Angular,我在ES6风格中使用Angular 4.2.2。现在,当一个字段有焦点时,当用户点击回车键时,我不知道如何让我的代码运行函数 现在,我的html看起来是这样的 <div class="box" id="redbox" class="app-flex-item"><!-- flex item --> <input id="searchTermInput" class="search-input" ng-keydown="runSearch($event)

我在ES6风格中使用Angular 4.2.2。现在,当一个字段有焦点时,当用户点击回车键时,我不知道如何让我的代码运行函数

现在,我的html看起来是这样的

  <div class="box" id="redbox" class="app-flex-item"><!-- flex item -->
    <input id="searchTermInput" class="search-input"  ng-keydown="runSearch($event)">
  </div>
@Component({
    ...
})
export class AppComponent {

  runSearch(ev): void {
    console.log("Run Search Invoked");
    this.searchResultService.getHeroesSlowly().then(searchResponseResult => {
        this.searchResponseResult = searchResponseResult;
        this.searchResults = searchResponseResult.searchResults;
        this.showDivider = true;
      }
    )
  }
}
不幸的是,每当我按下ENTER键时,我甚至看不到输出到控制台的“RunSearchInvoked”

有人知道如何监听输入组件上的输入事件吗


非常感谢您的帮助。

对于
输入
键,请使用
键。输入

  <input id="searchTermInput" #box (keyup.enter)="runSearch(box.value)">

可能重复“#框”的功能?如果需要,您可以使用ngModel,这只是引用输入的一种方式