[英]How to get anchor tag click event in angular 4/5 component without using ng-click on each anchor tag
我尝试使用@HostListener。 但它适用于一般的点击。
@HostListener('click') onClick() {
window.alert('Host Element Clicked');
}
可能必须这样做
@ViewChild('a') anchor:ElementRef;
clickHandler(event) {
console.log(event);
}
_clickHandler = this.clickHandler.bind(this);
ngAfterViewInit() {
this.anchor.nativeElement.addEventListener('click', this._clickHandler);
}
退订使用
this.anchor.nativeElement.removeEventListener('click', this._clickHandler);
也许您可以尝试使用currentTarget
检查点击是否来自锚点
@HostListener('click', ['$event'])
onClick(event: MouseEvent) {
console.log(event.currentTarget); // You can put this as a IF condition
}
希望这可以帮助!
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.