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。

相关内容

热门资讯

八分钟手筋!边锋干橙眼ios辅... 八分钟手筋!边锋干橙眼ios辅助(外挂)一贯是真的有辅助脚本(哔哩哔哩)1、边锋干橙眼ios辅助辅助...
6分钟资料!边锋辅助装备(外挂... 6分钟资料!边锋辅助装备(外挂)真是有辅助app(哔哩哔哩)边锋辅助装备脚本下载中分为三种模型:边锋...
第一分钟指引!椰岛游戏破解版(... 第一分钟指引!椰岛游戏破解版(外挂)本来是有辅助软件(哔哩哔哩)1、椰岛游戏破解版免费脚本咨询教程、...
第三分钟机巧!星悦广东游戏辅助... 第三分钟机巧!星悦广东游戏辅助软件(外挂)本来存在有辅助app(哔哩哔哩)第三分钟机巧!星悦广东游戏...
第七分钟攻略!微乐小程序游戏破... 第七分钟攻略!微乐小程序游戏破解器(外挂)总是真的是有辅助软件(哔哩哔哩)小薇(辅助器软件下载)致您...
三分钟练习!顺欣茶楼开挂(外挂... 三分钟练习!顺欣茶楼开挂(外挂)真是存在有辅助脚本(哔哩哔哩)1、这是跨平台的顺欣茶楼开挂轻量版有透...
4分钟手段!都莱大菠萝辅助神器... 4分钟手段!都莱大菠萝辅助神器(外挂)其实真的是有辅助脚本(哔哩哔哩)1、都莱大菠萝辅助神器有没有辅...
第2分钟阶段!四川游戏家园破解... 第2分钟阶段!四川游戏家园破解(外挂)竟然一直总是有辅助软件(哔哩哔哩);1、任何四川游戏家园破解透...
6分钟手册!上饶中至软件下载链... 6分钟手册!上饶中至软件下载链接在哪里(外挂)真是存在有辅助教程(哔哩哔哩)6分钟手册!上饶中至软件...
第8分钟要领!福建老友破解(外... 第8分钟要领!福建老友破解(外挂)确实真的有辅助教程(哔哩哔哩)1、这是跨平台的福建老友破解轻量版有...