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

相关内容

热门资讯

玩家必备教程!微信小程序微乐辅... 玩家必备教程!微信小程序微乐辅助器教程,微乐小程序自建房插件免费-真是是有辅助挂(了解有挂)1、微信...
实测交流!微信微乐小程序有挂黑... 实测交流!微信微乐小程序有挂黑科技,微信小程序多乐辅助器-本来是有辅助神器(有挂细节)运微信微乐小程...
科技揭秘!微乐陕西小程序破解器... 科技揭秘!微乐陕西小程序破解器,微乐游戏小程序辅助器免费苹果版-原来真的有辅助教程(有挂猫腻)1、在...
总算了解!微乐家乡麻辣自建房辅... 总算了解!微乐家乡麻辣自建房辅助app,微乐建房辅助工具免费入口-好像是真的有辅助方法(有挂方法)1...
教学盘点!微乐小程序免费工具,... 教学盘点!微乐小程序免费工具,微乐小程序黑科技辅助工具2026最新推荐-一贯真的有辅助挂(有挂透视)...
一分钟快速了解!微乐家乡麻将辅... 一分钟快速了解!微乐家乡麻将辅助,微乐自建房怎么提高胜率-竟然真的是有辅助插件(有挂讲解)1、金币登...
科技通报!微乐手游辅助脚本平台... 科技通报!微乐手游辅助脚本平台,微乐小程序微乐家乡辅助器-一贯有辅助app(有挂教学)1、首先打开微...
最新技巧!微信小程序微乐房间怎... 最新技巧!微信小程序微乐房间怎么开挂,微乐宁夏小程序插件-其实真的有辅助软件(证实有挂)1、微信小程...
每日必看教程!微信小程序微乐辅... 每日必看教程!微信小程序微乐辅助器,微乐挖坑内购破解-好像真的是有辅助器(真的有挂)1、用户打开应用...
最新技巧!微信微乐小程序修改器... 最新技巧!微信微乐小程序修改器,微信微乐陕西挖坑小程序下载-好像存在有辅助方法(了解有挂)1、完成微...