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有透视辅助吗,微扑克的辅... wpk有透视辅助吗,微扑克的辅助工具苹果,智星德州菠萝辅助1、很好的工具软件,可以解锁游戏的微扑克的...
智星德州菠萝辅助工具,微扑克辅... 智星德州菠萝辅助工具,微扑克辅助测试,智星德州菠萝辅助器免费下载;致您一封信;亲爱微扑克辅助测试玩家...
德州ai辅助,wepok软件透... 德州ai辅助,wepok软件透明挂,智星德州菠萝外挂是一款可以让一直输的玩家,快速成为一个“必胜”的...
德州辅助软件开发定制,微扑克辅... 德州辅助软件开发定制,微扑克辅助工具怎么下载,智星德州菠萝外挂1、超多福利:超高返利,海量正版游戏,...
智星德州菠萝辅助,wpk黑科技... 智星德州菠萝辅助,wpk黑科技下风应对,智星菠萝德州有挂吗是一款可以让一直输的玩家,快速成为一个“必...
德扑之星发牌规律,wpk黑科技... 德扑之星发牌规律,wpk黑科技第一视角,智星菠萝德州有挂吗是一款可以让一直输的玩家,快速成为一个“必...
aapoker透明挂真假,we... aapoker透明挂真假,wepoke用模拟器,智星德州菠萝怎么开挂1、不需要AI权限,帮助你快速的...
aapokerai辅助,wpk... aapokerai辅助,wpk德州ai辅助神器,智星德州菠萝偷偷看牌功能;是一款可以让一直输的玩家,...
微扑克必胜技巧,wepoke用... 微扑克必胜技巧,wepoke用模拟器,智星德州菠萝辅助器推荐;无聊就玩这款微扑克必胜技巧真的有辅助,...
德扑之星记牌器,wepoke有... 德扑之星记牌器,wepoke有透视挂吗,智星德州菠萝外挂1)wepoke有透视挂吗辅助挂:进一步探索...