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!广东麻将... 我来教大家外挂app!广东麻将多功能外挂app,广东麻将确实是有外挂app亲,关键说明,广东麻将透视...
分享开挂内幕辅助器攻略!一起温... 分享开挂内幕辅助器攻略!一起温州麻将多功能辅助器攻略,一起温州麻将一直存在有辅助器攻略1、玩家可以在...
最新技巧作弊器攻略!牌乐门多功... 最新技巧作弊器攻略!牌乐门多功能作弊器攻略,牌乐门原来存在有作弊器攻略1、牌乐门免费辅助多个强度级别...
实测交流作弊器插件!云鹤九霄多... 实测交流作弊器插件!云鹤九霄多功能作弊器插件,云鹤九霄一直有作弊器插件1、该软件可以轻松地帮助玩家将...
玩家实测透视挂插件!乐暴延边麻... 玩家实测透视挂插件!乐暴延边麻将多功能透视挂插件,乐暴延边麻将真是真的有透视挂插件1、用户打开应用后...
今日焦点外挂技巧!无锡麻将多功... 今日焦点外挂技巧!无锡麻将多功能外挂技巧,无锡麻将总是存在有外挂技巧该软件可以轻松地帮助玩家将无锡麻...
最新技巧辅助器工具!天天黄冈麻... 最新技巧辅助器工具!天天黄冈麻将多功能辅助器工具,天天黄冈麻将本来真的是有辅助器工具1、许多玩家不知...
一起来探讨透视器app!丹东约... 一起来探讨透视器app!丹东约战麻将多功能透视器app,丹东约战麻将确实是真的有透视器app1、丹东...