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

标签 javascript angular

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

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

最佳答案

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

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

关于javascript - 将事件监听器附加到组件模板内的元素的正确方法是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45496616/

相关文章:

javascript - `angular-ui-router` 如何确定在哪里插入状态 View ?

javascript - 在 Laravel 中获取 500 内部服务器代码

angular - 如何在 Angular 单元测试中修复 'Error: No value accessor for form control with name'?

javascript - 防止 "up arrow"键重置文本框内的光标位置

javascript - html5中如何防止点击按钮刷新页面?

angular - 是否可以导入没有模块的组件

javascript - 变更检测和 Material 2

javascript - 从列表中选择项目的 Jasmine 测试

javascript - 单击复选框后显示/隐藏表格行

javascript - Angular 2子组件接收祖先事件