首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Angular 9动态路由

Angular 9动态路由
EN

Stack Overflow用户
提问于 2020-05-04 22:09:39
回答 1查看 599关注 0票数 2

首先,对不起我的英语,我说得不是很好,但我会试着解释一下!我在Angular 9中创建了一个eCommerce,这个eCommerce的路由如下所示,每一条以.html结尾的路由都指向一个我称为路由器重定向的组件,当我落入该组件时,我调用电子商务api,传递有问题的url,然后它返回该url是一个类别,一个产品,一篇文章。有了这个答案,我将重定向到正确的组件。

问题是,在某些情况下,比如类别页面,我需要在URL中保留一些查询字符串,比如pageIndex和orderby,但是angular不会显示查询字符串,因为当我进行导航时,我放入了skipLocationChange: true,因为我不能更改url,并且我需要保留queryString。

我只需要当一个用户想要与其他人共享的网址。

我如何执行导航方法的示例:

代码语言:javascript
运行
复制
this.router.navigate(['categoria-listagem'], {
      skipLocationChange: true,
      queryParams: { page: 1, order: 'novidades' }
});

如果有人知道做这个重定向的更好的方法,或者知道如何使用skipLocationChange保存查询字符串,那将会拯救我!

提前谢谢你。

EN

回答 1

Stack Overflow用户

发布于 2020-05-04 22:12:01

听起来你应该把queryParamsHandling添加为'merge‘或'preserve’(取决于你的需求),例如:

代码语言:javascript
运行
复制
this.router.navigate(['categoria-listagem'], {
  skipLocationChange: true,
  queryParams: { page: 1, order: 'novidades' },  
  queryParamsHandling: "merge"
});

这应该会将新的查询参数添加到URL中已有的任何参数中。

此外,您可能需要删除skipLocationChange,这同样取决于您需要的功能。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/61594218

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档