angular的routerLink重定向到组件时表现正常,但后续的router.url无法返回当前URL。
创始人
2024-10-24 09:31:15
0次

可以通过在组件内部订阅路由事件来获取当前URL。具体而言,可以在组件内声明路由对象,并在ngOnInit方法中订阅路由事件。这样,可以在路由事件中更新当前URL,并在需要时使用该URL。

示例代码如下:

import { Component, OnInit } from '@angular/core'; import { Router, ActivatedRoute, NavigationEnd } from '@angular/router';

@Component({ selector: 'app-example', templateUrl: './example.component.html', styleUrls: ['./example.component.css'] }) export class ExampleComponent implements OnInit {

currentUrl: string;

constructor(private router: Router, private activatedRoute: ActivatedRoute) { }

ngOnInit() { this.router.events.subscribe((event) => { if (event instanceof NavigationEnd) { this.currentUrl = event.url; } }); }

}

在上述示例中,我们使用router.events来订阅路由事件,并在NavigationEnd事件发生时更新当前URL。然后,我们可以在组件中使用currentUrl属性来访问当前URL。请注意,这只是一种解决方法,还有其他方法可以解决该问题。

相关内容

热门资讯

一分钟了解!!wepoker透... 『标题:当前标题』主打赛后复盘的 AI 游戏攻略黑科技走红,对局总结能力开挂。上传对局回放或者战绩截...
信息共享!wpk俱乐部有没有辅... 信息共享!wpk俱乐部有没有辅助,德扑之星开挂透视教程工具(最初有辅助器)AI 智能体黑科技再上新,...
必胜教程!wepokerh5破... 必胜教程!wepokerh5破解,WPK透视软件下载(原来有辅助)主打本地运行的 AI 黑科技工具迎...
热点讨论!德普之星有透视辅助吗... 热点讨论!德普之星有透视辅助吗,德扑之星可以装挂吗工具(其实是有辅助器)AI 智能体黑科技再上新,自...
重大推荐!德普之星辅助器app... 您好,重大推荐!德普之星辅助器app,wepoker开挂破解工具(往昔是有辅助)这款游戏可以开挂的,...
热点推荐!!WPK插件,德扑之... 您好,热点推荐!!WPK插件,德扑之星开挂脚本软件(都是真的是有辅助器)这款游戏可以开挂的,确实是有...
玩家必看科普!!德普辅助软件,... 很多人使用云端 AI 时,都担心德普辅助软件、内部资料上传带来隐私风险。这款本地运行的 AI 黑科技...
AI教程!wepoker怎么设... AI教程!wepoker怎么设置透视,wepoker透视挂件教程(起初是真的有透视)AI 智能体黑科...
重大通报!wpk作弊是真的吗,... wpk作弊是真的吗AI 游戏攻略黑科技上线本地缓存功能,离线查阅能力开挂。提前下载对应游戏攻略数据包...
盘点一款!!wepoker怎么... wepoker怎么设置盖牌AI 游戏攻略黑科技上线本地缓存功能,离线查阅能力开挂。提前下载对应游戏攻...