使用@HostListener听特定单击按钮的角
提问于 2020-10-27 01:14:39
我使用的是角10，目前我正在听一个使用jquery的id单击按钮。我知道这不是用角度来做这件事的正确方法，所以我想改变它。
这是当前的代码：
$('#tbtn1').click((e) => {
e.preventDefault();
this.myMethod();
});我可以使用：@HostListener来侦听另一个组件上的特定按钮，就像上面的示例所做的那样？
我该怎么做？
回答 1
Stack Overflow用户
发布于 2020-10-27 23:32:06
下面是代码，它可以工作(ng-version="10.1.6")：
app.component.html -
<button (click)="onClick($event)">Demo Button</button>app.component.ts (extends其他组件)-
export class AppComponent extends DemoComponent {
@HostListener('document:click', ['$event'])
onClick(event: MouseEvent): void {
event.preventDefault();
this.myMethod();
}
}demo.component.ts -
myMethod() {
console.log('myMethod working!!!');
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/64551259
复制相关文章
腾讯云开发者
