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。

相关内容

热门资讯

玩家必看!we poker辅助... 玩家必看!we poker辅助器,wepoker怎么发冤家牌,切实存在有挂(新版有挂)1、操作简单,...
玩家必看教程!hhpoker可... 玩家必看教程!hhpoker可以开挂吗,wepoker祈福有用吗,果然有挂(有挂技巧)透视方法中分为...
攻略讲解!werplan免费挂... 攻略讲解!werplan免费挂下载,红龙poker辅助器免费观看,好像有挂(真的有挂)1、起透看视 ...
技术分享!poker mast... 技术分享!poker master辅助,德州局怎么透视,一贯是有挂(有挂方法)1、上手简单,内置详细...
实测教程!hhpoker脚本,... 实测教程!hhpoker脚本,约局吧开挂,确实有挂(有挂助手)进入游戏-大厅左侧-新手福利-激活码辅...
分享实测!wejoker黑侠辅... 分享实测!wejoker黑侠辅助器,wepoker安装教程,一直是有挂(有挂解惑)辅助器是一种具有地...
解密关于!wepokerplu... 解密关于!wepokerplus透视脚本免费,wpk插件,确实真的有挂(的确有挂)脚本下载中分为三种...
推荐十款!wepoker私人局... 推荐十款!wepoker私人局俱乐部,wepoker正确养号方法,其实真的是有挂(有挂方针)暗藏猫腻...
今日科普!佛手大菠萝13道挂哪... 今日科普!佛手大菠萝13道挂哪里,wepoker私人局透视插件,竟然有挂(有挂工具)1、不需要AI权...
玩家必看科普!aapoker公... 玩家必看科普!aapoker公共底牌,wepoker私人局规律,总是有挂(有挂总结)1、打开软件启动...