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

Question

我有一個包含輸入框的簡單SearchWidgetComponent。 這還將使用li元素顯示搜索結果。 我需要將不同的事件偵聽器附加到輸入框，例如擊鍵，擊鍵，焦點和模糊。 我還需要在li元素上附加鼠標事件。

將這些事件偵聽器附加到組件內部的這些元素的正確方法是什么？

Answer 1

您是否看過事件綁定？ https://angular.io/guide/user-input

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

Answer 2

您是否嘗試過filter ？

角度濾鏡示例