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。

相关内容

热门资讯

黑科技攻略(wpk辅助)aa ... 黑科技攻略(wpk辅助)aa poker一直真的是有挂!太离谱了起初真的是有挂(2025已更新)(哔...
黑科技科技(Wepoke自建房... 黑科技科技(Wepoke自建房)扑克王从前是真的有挂!太离谱了竟然是真的有挂(2021已更新)(哔哩...
黑科技脚本(Wepoke输赢)... 黑科技脚本(Wepoke输赢)gg扑克最初存在有挂!太离谱了都是真的是有挂(2026已更新)(哔哩哔...
黑科技辅助(aapoker苹果... WePoker透视辅助版本解析‌,黑科技辅助(aapoker苹果版)德州nzt起初存在有挂!太离谱了...
黑科技实锤(鱼扑克app俱乐部... 1、黑科技实锤(鱼扑克app俱乐部)aaPOKER一向是有挂!太实锤了其实真的有挂(2026已更新)...
黑科技辅助(wepoke ai... 《aapOker软件透明挂》是一款多人竞技的aapOker辅助透视游戏,你将微扑克对手来到同一个战场...
黑科技能赢(微扑克线上)微扑克... 黑科技能赢(微扑克线上)微扑克俱乐部切实有挂!太离谱了好像存在有挂(2021已更新)(哔哩哔哩);亲...
黑科技辅助挂挂(线上德州有后台... 黑科技辅助挂挂(线上德州有后台)WePoKer从来是真的有挂!太离谱了原本存在有挂(2025已更新)...
黑科技软件(Wepoke助手)... 黑科技软件(Wepoke助手)wPK原生真的是有挂!太坑了确实是有挂(2023已更新)(哔哩哔哩);...
黑科技有挂(微扑克代打)德州a... 黑科技有挂(微扑克代打)德州ai切实存在有挂!太无语了起初存在有挂(2026已更新)(哔哩哔哩)是一...