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

【问题标题】：What is the proper way to attach event listeners to elements inside a component template?将事件侦听器附加到组件模板内的元素的正确方法是什么？
【发布时间】：2018-01-11 18:59:09
【问题描述】：

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

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

【问题讨论】：

标签： javascript angular

【解决方案1】：

你看过事件绑定吗？ https://angular.io/guide/user-input

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

【讨论】：

【解决方案2】：

你试过filter吗？

angular filter example

【讨论】：