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

相关内容

热门资讯

一分钟教你!微扑克智能ai辅助... 一分钟教你!微扑克智能ai辅助,微扑克透牌(微扑克)本来有挂(了解有挂)-哔哩哔哩进入游戏-大厅左侧...
一分钟教你!微扑克代打是真的吗... 一分钟教你!微扑克代打是真的吗,微扑克如何让系统发好牌(微扑克)都是真的是有挂(详细教程)-哔哩哔哩...
今日焦点!微扑克辅助算牌器,微... 今日焦点!微扑克辅助算牌器,微扑克有挂么(微扑克)一贯真的有挂(有挂教程)-哔哩哔哩;1、超多福利:...
科技介绍!微扑克ai辅助神器,... 科技介绍!微扑克ai辅助神器,微扑克有挂么(微扑克)一贯是有挂(有挂猫腻)-哔哩哔哩1、许多玩家不知...
重大科普!微扑克职业代打,微扑... 重大科普!微扑克职业代打,微扑克有挂么(微扑克)本来是有挂(有挂教学)-哔哩哔哩1)微扑克职业代打辅...
科技揭秘!微扑克辅助工具怎么下... 科技揭秘!微扑克辅助工具怎么下载,微扑克ai机器人(微扑克)一贯是有挂(有挂技巧)-哔哩哔哩1、用户...
信息共享!微扑克辅助神器,微扑... 信息共享!微扑克辅助神器,微扑克ai机器人(微扑克)一贯是真的有挂(确实有挂)-哔哩哔哩1、构建自己...
必看攻略!微扑克必胜技巧,微扑... 必看攻略!微扑克必胜技巧,微扑克透牌(微扑克)都是真的有挂(竟然有挂)-哔哩哔哩1)微扑克必胜技巧辅...
解密关于!微扑克ai胜率,微扑... 解密关于!微扑克ai胜率,微扑克ai机器人(微扑克)好像是有挂(确实有挂)-哔哩哔哩;1、全新机制【...
重大通报!微扑克专用辅助器,微... 重大通报!微扑克专用辅助器,微扑克有挂么(微扑克)果然存在有挂(的确有挂)-哔哩哔哩1、下载好微扑克...