将事件侦听器附加到组件模板内的元素的正确方法是什么？

Question

我有一个包含输入框的简单SearchWidgetComponent。这也会使用li元素显示搜索结果。我需要将不同的事件监听器附加到输入框，如keydown，keyup，focus和blur。我还需要在li元素上附加鼠标事件。

将这些事件侦听器附加到组件内的这些元素的正确方法是什么？

Answer 1

你看过活动装订了吗？ https://angular.io/guide/user-input

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

Answer 2

你试过filter吗？

angular filter example