コンポーネントリスナーをコンポーネントテンプレート内の要素に接続する適切な方法は何ですか？

Question

私は入力ボックスを含む簡単なSearchWidgetComponentを持っています。これにより、li要素を使用して検索結果が表示されます。私はkeydown、keyup、focus、blurのような入力ボックスに異なるイベントリスナーを付ける必要があります。また、li要素にマウスイベントを添付する必要があります。

これらのイベントリスナーをコンポーネント内のこれらの要素に接続する適切な方法は何ですか？

Answer 1

filterを試しましたか？

angular filter example

Answer 2

あなたはイベントバインディングを見ましたか？ https://angular.io/guide/user-input

   <input id="productNameId" 
         type="text" 
         [(ngModel)] = product.productName 
         (keyup) = "onKeyUp()" 
         name="productName" />