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、完成兴动麻将辅助器v3.3的残...
必看攻略!友友麻将透视挂脚本软... 必看攻略!友友麻将透视挂脚本软件,友友麻将竟然是真的有透视挂推荐攻略1、该软件可以轻松地帮助玩家将友...
最新研发!和和抚远麻将辅助脚本... 最新研发!和和抚远麻将辅助脚本软件,和和抚远麻将真是真的有辅助解密脚本该软件可以轻松地帮助玩家将和和...
免费测试版!北极熊辅助器脚本软... 免费测试版!北极熊辅助器脚本软件,北极熊果然存在有辅助器必备攻略一、北极熊游戏安装教程牌型概率发牌机...
总算了解!微乐广东麻将辅助脚本... 总算了解!微乐广东麻将辅助脚本软件,微乐广东麻将果然真的是有辅助开挂神器一、微乐广东麻将可以开透视的...
分享一款!四方会开挂脚本软件,... 分享一款!四方会开挂脚本软件,四方会原来真的是有开挂分享插件一、四方会可以开透视的定义与意义1、四方...
必备辅助推荐!边锋老友文登麻将... 必备辅助推荐!边锋老友文登麻将透视挂脚本软件,边锋老友文登麻将果然是有透视挂必备攻略1、下载好边锋老...
玩家必用!丫丫湖南麻将2开挂脚... 玩家必用!丫丫湖南麻将2开挂脚本软件,丫丫湖南麻将2竟然是真的有开挂揭幕脚本1、打开软件启动之后找到...
推荐一款!耀星开挂脚本软件,耀... 推荐一款!耀星开挂脚本软件,耀星确实是真的有开挂曝光脚本1.耀星 选牌创建新账号,点击进入游戏后,点...
盘点一款!潮雀汇潮汕麻将辅助器... 盘点一款!潮雀汇潮汕麻将辅助器脚本软件,潮雀汇潮汕麻将切实真的是有辅助器辅助工具1、潮雀汇潮汕麻将透...