Angular Router.url返回的路径未更新
创始人
2024-10-20 13:00:22
0

问题描述:

在Angular中,当使用Angular Router导航到另一个路由时,调用Router.url返回的路径未更新。

解决方法:

  1. 使用ActivatedRoute服务来获取当前活动路由的路径。这将确保始终返回最新的路径。
import { ActivatedRoute } from '@angular/router';

@Component({
  // ...
})
export class MyComponent implements OnInit {

  constructor(private route: ActivatedRoute) { }

  ngOnInit() {
    // 订阅路由参数的变化
    this.route.url.subscribe(url => {
      // 获取最新的路径
      console.log(url);
    });
  }
}
  1. 使用NavigationEnd事件来监听导航结束后的路径变化。这将确保在每次导航结束后都能获取最新的路径。
import { Router, NavigationEnd } from '@angular/router';

@Component({
  // ...
})
export class MyComponent implements OnInit {

  constructor(private router: Router) { }

  ngOnInit() {
    // 监听导航结束事件
    this.router.events.subscribe(event => {
      if (event instanceof NavigationEnd) {
        // 获取最新的路径
        console.log(this.router.url);
      }
    });
  }
}

这两种方法都可以确保获取到最新的路径。根据具体场景的需要,选择合适的方法来解决问题。

相关内容

热门资讯

6分钟总结!wpk真的有透视嘛... 6分钟总结!wpk真的有透视嘛(透视)总是有辅助开挂(哔哩哔哩)1、下载好wpk真的有透视嘛脚本下载...
第9分钟项目!hhpoker免... 您好,hhpoker免费辅助器这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302...
第十分钟手筋!wepoker怎... 第十分钟手筋!wepoker怎么下载游戏(透视)一贯真的是有辅助透视(哔哩哔哩)1)wepoker怎...
第六分钟法门!werplan怎... 第六分钟法门!werplan怎么作必弊(透视)真是有辅助脚本(哔哩哔哩)一、werplan怎么作必弊...
第9分钟技法!epoker透视... 第9分钟技法!epoker透视底牌(透视)本来是真的有辅助安装(哔哩哔哩)1、操作简单,无需epok...
第3分钟秘籍!wepoker轻... 第3分钟秘籍!wepoker轻量版透视方法(透视)真是是有辅助辅助(哔哩哔哩)1、wepoker轻量...
第9分钟指引!wepoker透... 第9分钟指引!wepoker透视app下载(透视)确实是真的有辅助工具(哔哩哔哩)1、每一步都需要思...
三分钟积累!poker mas... 三分钟积累!poker master辅助(透视)一贯存在有辅助插件(哔哩哔哩)1、poker mas...
六分钟教程书!hhpoker外... 六分钟教程书!hhpoker外开挂靠谱吗(透视)真是真的是有辅助透视(哔哩哔哩)1、每一步都需要思考...
2分钟诀窍!wepoker可以... 2分钟诀窍!wepoker可以开透视吗(透视)一直存在有辅助插件(哔哩哔哩)1、wepoker可以开...