加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

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

发布时间:2020-12-17 07:51:55 所属栏目:安全 来源:网络整理
导读:我试图将click事件附加到锚标签(来自ajax)并阻止默认重定向.我怎么能在角2? ullia href="/abc"pabc/p/a/lilia href="/abc1"pabc1/p/a/lilia href="/abc2"pabc2/p/a/lilia href="/abc3"pabc3/p/a/li/ul 在ts文件中 constructor(elementRef: ElementRef,rende
我试图将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>

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读