首先,对不起我的英语,我说得不是很好,但我会试着解释一下!我在Angular 9中创建了一个eCommerce,这个eCommerce的路由如下所示,每一条以.html
结尾的路由都指向一个我称为路由器重定向的组件,当我落入该组件时,我调用电子商务api,传递有问题的url,然后它返回该url是一个类别,一个产品,一篇文章。有了这个答案,我将重定向到正确的组件。
问题是,在某些情况下,比如类别页面,我需要在URL中保留一些查询字符串,比如pageIndex和orderby,但是angular不会显示查询字符串,因为当我进行导航时,我放入了skipLocationChange: true
,因为我不能更改url,并且我需要保留queryString。
我只需要当一个用户想要与其他人共享的网址。
我如何执行导航方法的示例:
this.router.navigate(['categoria-listagem'], {
skipLocationChange: true,
queryParams: { page: 1, order: 'novidades' }
});
如果有人知道做这个重定向的更好的方法,或者知道如何使用skipLocationChange保存查询字符串,那将会拯救我!
提前谢谢你。
发布于 2020-05-04 22:12:01
听起来你应该把queryParamsHandling添加为'merge‘或'preserve’(取决于你的需求),例如:
this.router.navigate(['categoria-listagem'], {
skipLocationChange: true,
queryParams: { page: 1, order: 'novidades' },
queryParamsHandling: "merge"
});
这应该会将新的查询参数添加到URL中已有的任何参数中。
此外,您可能需要删除skipLocationChange
,这同样取决于您需要的功能。
https://stackoverflow.com/questions/61594218
复制相似问题