Angular 2. Keyup 事件未从输入触发

Question

这是非常简单的情况，但我真的不知道为什么它不起作用。我得到了应该在 keyup 事件上调用函数的输入文本字段。但事实并非如此。

<input class="form-control m-1" type="text" #search (keyup)="filterCatalogues(search.value)">

还有代码本身。

filterCatalogues(value: string): CataloguesListDto[] {
    return this.catalogues.filter (catalogue => {
      return catalogue.companyName === value || catalogue.catalogueName === value;
    });
  }

Answer 1

您需要更改您的 filterCatalogues 事件。我假设 目录 绑定(bind)到dom

<input class="form-control m-1" type="text" #search (keyup)="filterCatalogues()">

filterCatalogues(){
this.catalogues = this.catalogues.filter (catalogue => {
  return catalogue.companyName === searchModel|| catalogue.catalogueName === searchModel;
});
}