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。

相关内容

热门资讯

辅助透视!werplan脚本,... 辅助透视!werplan脚本,werplan怎么透视(透视)一直真的是有辅助技巧(哔哩哔哩)1、下载...
详细透视!智星德州插件,德州辅... 详细透视!智星德州插件,德州辅助工具到底怎么样(透视)真是一直都是有辅助脚本(哔哩哔哩)1、德州辅助...
分享透视!cloudpoker... 分享透视!cloudpoker怎么开挂,werplan怎么作必弊(透视)好像真的是有辅助教程(哔哩哔...
辅助透视!poker mast... 辅助透视!poker master辅助,fishpoker透视底牌(透视)果然是真的有辅助教程(哔哩...
揭露透视!大菠萝手游辅助,哈糖... 您好,哈糖大菠萝辅助器这款游戏可以开挂的,确实是有挂的,需要了解加去威信【485275054】很多玩...
开挂透视!约局吧德州透视,po... 开挂透视!约局吧德州透视,pokerrrr2辅助(透视)真是真的有辅助教程(哔哩哔哩)1、许多玩家不...
总结透视!newpoker脚本... 总结透视!newpoker脚本,智星德州插件最新版本更新内容详解(透视)本来一直都是有辅助插件(哔哩...
了解透视!哈糖大菠萝挂法,拱趴... 了解透视!哈糖大菠萝挂法,拱趴大菠萝万能辅助器(透视)本来是有辅助攻略(哔哩哔哩)拱趴大菠萝万能辅助...
辅助透视!sohoo辅助,po... 辅助透视!sohoo辅助,pokemmo脚本辅助(透视)都是一直都是有辅助攻略(哔哩哔哩)亲,关键说...
教你透视!德州辅助工具到底怎么... 教你透视!德州辅助工具到底怎么样,菠萝德普辅助器免费版在哪里(透视)都是一直都是有辅助技巧(哔哩哔哩...