將事件偵聽器附加到組件模板中的元素的正確方法是什麼？

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" />