Angular导航-无法在导航到兄弟路由时删除查询参数
创始人
2024-10-23 23:01:28
0

在Angular中,当导航到兄弟路由时,无法直接删除查询参数。但可以通过以下方法解决:

  1. 在导航期间手动删除查询参数:

在导航到兄弟路由之前,可以使用NavigationExtras对象将查询参数设置为空字符串,这样就可以达到删除查询参数的效果。

import { Router, NavigationExtras } from '@angular/router';

// ...

constructor(private router: Router) {}

navigateToSiblingRoute() {
  const navigationExtras: NavigationExtras = {
    queryParams: {
      myQueryParam: ''
    }
  };

  this.router.navigate(['sibling-route'], navigationExtras);
}

这样,当导航到兄弟路由时,myQueryParam查询参数将会被设置为空字符串,实现了删除查询参数的效果。

  1. 使用Router.navigatereplaceUrl选项:

在导航到兄弟路由时,可以使用replaceUrl选项将当前URL替换为新的URL,从而删除查询参数。

import { Router } from '@angular/router';

// ...

constructor(private router: Router) {}

navigateToSiblingRoute() {
  this.router.navigate(['sibling-route'], { replaceUrl: true });
}

这样,当导航到兄弟路由时,当前URL将会被替换为兄弟路由的URL,查询参数也会被删除。

请根据自己的需求选择适合的解决方法。

相关内容

热门资讯

此事引发广泛关注!来玩app破... 此事引发广泛关注!来玩app破解,wpk免费辅助,模板教程(确实有挂)-哔哩哔哩小薇(透视辅助)致您...
连日来!中至吉安黑科技辅助软件... 连日来!中至吉安黑科技辅助软件,多乐找刺激辅助,诀窍教程(果然真的有挂的)-哔哩哔哩进入游戏-大厅左...
近期!sohoo开挂辅助,拱趴... 近期!sohoo开挂辅助,拱趴大菠萝辅助方法,学习教程(有挂透视)-哔哩哔哩在进入拱趴大菠萝辅助方法...
出乎意料的是!四川熊猫辅助器,... 出乎意料的是!四川熊猫辅助器,新518互游插件下载,策略教程(一贯是真的有挂)-哔哩哔哩1、每一步都...
据统计!拱趴大菠萝辅助方法,w... 据统计!拱趴大菠萝辅助方法,wepoker是不是有人用挂,法子教程(有挂技巧)-哔哩哔哩1、wepo...
据权威媒体报道!兴动休闲辅助,... 据权威媒体报道!兴动休闲辅助,葫芦娃辅助软件,诀窍教程(一贯确实是有挂)-哔哩哔哩1、葫芦娃辅助软件...
据统计!约局吧游戏挂,wejo... 据统计!约局吧游戏挂,wejoker内置辅助,机巧教程(有挂头条)-哔哩哔哩亲,关键说明,wejok...
据权威媒体报道!互游拼三张脚本... 据权威媒体报道!互游拼三张脚本,新青鸟辅助,方针教程(果然确实有挂)-哔哩哔哩1、操作简单,无需注册...
据目击者称!hhpoker免费... 据目击者称!hhpoker免费辅助器,aa poker透视软件,经验教程(有挂规律)-哔哩哔哩1、超...
有玩家发现!浙江游戏大厅温州熟... 有玩家发现!浙江游戏大厅温州熟客,蜀渝牌乐汇脚本,妙招教程(原来确实是有挂的)-哔哩哔哩1、每一步都...