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。请注意,这只是一种解决方法,还有其他方法可以解决该问题。

相关内容

热门资讯

玩家必知教程辅助技巧!彩虹沁阳... 玩家必知教程辅助技巧!彩虹沁阳麻将多功能辅助技巧,彩虹沁阳麻将果然是真的有辅助技巧该软件可以轻松地帮...
玩家必备教程辅助器教程!17好... 玩家必备教程辅助器教程!17好友麻将多功能辅助器教程,17好友麻将真是是有辅助器教程1、上手简单,内...
揭秘攻略开挂技巧!中至汾阳麻将... 揭秘攻略开挂技巧!中至汾阳麻将多功能开挂技巧,中至汾阳麻将本来存在有开挂技巧1、中至汾阳麻将透视辅助...
今日百科作弊器脚本!欢乐麻将M... 今日百科作弊器脚本!欢乐麻将M多功能作弊器脚本,欢乐麻将M原来真的有作弊器脚本1、下载好欢乐麻将M透...
免费测试版作弊器方法!科尔沁麻... 免费测试版作弊器方法!科尔沁麻将多功能作弊器方法,科尔沁麻将真是是有作弊器方法1、进入到科尔沁麻将是...
新手必备外挂方法!澳门永利集团... 新手必备外挂方法!澳门永利集团多功能外挂方法,澳门永利集团好像有外挂方法澳门永利集团透视方法中分为三...
一分钟揭秘透视挂插件!欢乐划水... 一分钟揭秘透视挂插件!欢乐划水麻将多功能透视挂插件,欢乐划水麻将确实有透视挂插件1、进入到欢乐划水麻...
最新技巧辅助插件!小甘麻将多功... 最新技巧辅助插件!小甘麻将多功能辅助插件,小甘麻将原来存在有辅助插件1、任何小甘麻将透视是真的假的的...
揭秘一下作弊器方法!天津麻将多... 揭秘一下作弊器方法!天津麻将多功能作弊器方法,天津麻将都是是有作弊器方法1、天津麻将透视辅助软件激活...
一起来探讨透视挂软件!随便字牌... 一起来探讨透视挂软件!随便字牌多功能透视挂软件,随便字牌确实真的是有透视挂软件一、随便字牌游戏安装教...