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

Question

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

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

Answer 1

您看过事件绑定(bind)吗？ https://angular.io/guide/user-input

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