在angular2中附加单击以锚定标记

前端之家收集整理的这篇文章主要介绍了在angular2中附加单击以锚定标记前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图将click事件附加到锚标签(来自ajax)并阻止默认重定向.我怎么能在角2?
<ul>
<li><a href="/abc"><p>abc</p></a></li>
<li><a href="/abc1"><p>abc1</p></a></li>
<li><a href="/abc2"><p>abc2</p></a></li>
<li><a href="/abc3"><p>abc3</p></a></li>
</ul>

在ts文件

constructor(elementRef: ElementRef,renderer: Renderer) {

        this.listenFunc = renderer.listen(elementRef.nativeElement,'click',(event) => {
            event.preventDefault();
            let target = event.target || event.srcElement || event.currentTarget;
            console.log(target);

        });


    }

这会将事件附加到所有元素,我如何才能将其限制为锚标记

所有人都很感激

您可以使用routerLink(这是角度2的href的替代方法)和click事件,如下所示,以防止页面重新加载
<a [routerLink]="" (click)="onGoToPage2()">Go to page 2</a>

猜你在找的Angularjs相关文章