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辅助,微乐陕西小程序辅助,详情透视(有挂秘笈)-哔哩哔哩wpk辅助是不是有人用挂微扑...
脚本透视!德普之星透视辅助插件... 脚本透视!德普之星透视辅助插件,德普之星辅助软件(透视)好像真的有攻略(哔哩哔哩)1、下载好脚本下载...
有了最新消息!uupoker有... 有了最新消息!uupoker有透视吗,微乐陕西麻将破解,总结脚本(有挂教学)-哔哩哔哩1、uupok...
透视辅助!aapoker透视方... 透视辅助!aapoker透视方法,aapoker怎么提高中牌率(透视)其实存在有工具(哔哩哔哩);1...
透视数据!hhpoker辅助器... 透视数据!hhpoker辅助器视频,微乐家乡自建房辅助app,透视透视(有挂总结)-哔哩哔哩1、游戏...
透视揭露!wepoker破解器... 透视揭露!wepoker破解器,wepoker游戏安装教程(透视)果然是真的神器(哔哩哔哩)1、完成...
透视脚本!如何判断wpk辅助软... 透视脚本!如何判断wpk辅助软件的真假,微乐手游微乐辅助免费,揭幕透视(今日头条)-哔哩哔哩1、打开...
脚本科普!wepoker好友房... 脚本科普!wepoker好友房开挂,wepoker透视脚本免费app(透视)都是真的有软件(哔哩哔哩...
做出回应!wepoker一直输... 做出回应!wepoker一直输的号能继续打吗,微乐小程序挂哪里有,开挂脚本(有挂规律)-哔哩哔哩进入...
透视必备!德普之星透视辅助插件... 透视必备!德普之星透视辅助插件,德普之星透视免费(透视)都是存在有器(哔哩哔哩)进入游戏-大厅左侧-...