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可以免费玩吗(本然真的是有挂)》 桃乐...
让我来分享经验!雀友会广东潮汕... 让我来分享经验!雀友会广东潮汕辅助脚本(辅助挂)xpoker辅助工具(真是真的是有挂);雀友会广东潮...
来一盘!海贝之城辅助器(辅助挂... 来一盘!海贝之城辅助器(辅助挂)aapoker辅助插件工具(一直存在有挂);一、海贝之城辅助器AI软...
重磅来袭!途游四川小程序脚本(... 重磅来袭!途游四川小程序脚本(辅助挂)wepoker私人局怎么玩(原先是有挂);途游四川小程序脚本最...
分辨真假!斗棋bug辅助(辅助... 【福星临门,好运相随】;分辨真假!斗棋bug辅助(辅助挂)hhpkoer辅助器视频(从前真的有挂);...
实测揭晓!钱塘十三水怎么开挂辅... 实测揭晓!钱塘十三水怎么开挂辅助(辅助挂)有没有人wepoker(原生真的有挂);钱塘十三水怎么开挂...
玩家必看教程!多乐手游辅助软件... 玩家必看教程!多乐手游辅助软件(辅助挂)wepoker数据分析(好像真的是有挂)是一款可以让一直输的...
我来教教大家!微信闲来神器软件... 我来教教大家!微信闲来神器软件下载(辅助挂)aapoker透视脚本入口(往昔是有挂);小薇(透视辅助...
记者发布!老k麻将辅助器(辅助... 记者发布!老k麻将辅助器(辅助挂)wepoker辅助插件功能(原生是真的有挂);亲,有的,ai轻松简...
重大通报!途游辅助器软件(辅助... 您好,途游辅助器软件这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家在这...