角度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イベントを変更する必要があります。私はカタログがはあなたがfilterCataloguesを変更する必要がある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; 
}); 
}