Angular的routerLink和router.navigate在相同的路径结构下更新URL但不更新内容。
创始人
2024-10-24 09:31:08
0

要在Angular中更新URL而不更新内容,可以使用routerLink和router.navigate的queryParams选项。

使用routerLink:

Update URL

使用router.navigate:

import { Router, ActivatedRoute } from '@angular/router';

constructor(private router: Router, private route: ActivatedRoute) {}

updateURL() {
  this.router.navigate(['.'], { queryParams: { refresh: true }, relativeTo: this.route });
}

这两种方法都会在URL中添加名为refresh的查询参数,以便更新URL。然后,在你的组件中,你可以监听查询参数的变化,并根据需要执行相应的操作。

import { ActivatedRoute } from '@angular/router';

constructor(private route: ActivatedRoute) {}

ngOnInit() {
  this.route.queryParams.subscribe(params => {
    if (params.refresh) {
      // 执行更新URL但不更新内容的操作
    }
  });
}

通过这种方式,你可以在不刷新整个页面的情况下更新URL。

相关内容

热门资讯

透视透视!wepoker底牌透... 透视透视!wepoker底牌透视脚本怎样安装,约局吧如何查看是否有挂,介绍教程(本然是真的有挂);w...
透视游戏!wpk透视脚本,we... WePoker透视辅助版本解析‌,透视游戏!wpk透视脚本,wepoker黑侠破解,wepoke教程...
透视科技!wpk辅助购买,wp... 透视科技!wpk辅助购买,wpk插件辅助,切实教程(一向真的有挂);wpk辅助购买是一款益智类棋牌手...
透视有挂!wepoker透视脚... 透视有挂!wepoker透视脚本苹果,pokemmo辅助器脚本下载,AI教程(原本真的有挂);(需添...
透视脚本!红龙poker脚本,... 透视脚本!红龙poker脚本,德普之星透视辅助软件,曝光教程(总是有挂);支持多人共享记分板与复盘,...
透视辅助!wepoekr底牌透... 透视辅助!wepoekr底牌透视,werplan外卦神器,黑科技教程(其实有挂)科技教程也叫必备教程...
透视软件!wpk透视辅助软件,... 透视软件!wpk透视辅助软件,德州机器人代打脚本,微扑克教程(真是存在有挂);大神普及一款德州ai内...
透视最新!aapoker辅助挂... 透视最新!aapoker辅助挂,wepoker透视底牌,新版2025教程(都是是真的有挂)1、许多玩...
透视免费!智星菠萝可以辅助吗,... 1、透视免费!智星菠萝可以辅助吗,德州辅助工具到底怎么样,必胜教程(先前真的有挂)2、进入游戏-大厅...
透视安装!hhpoker辅助器... 透视安装!hhpoker辅助器,pokemmo辅助器脚本下载,扑克教程(原本真的是有挂);原来确实真...