繁体   English   中英

每个锚标记如何不使用获得角4/5分量的锚标记点击事件NG点击

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM