Angular 4 – Route查询参数导致路径匹配失败

前端之家收集整理的这篇文章主要介绍了Angular 4 – Route查询参数导致路径匹配失败前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在Angular 4中搜索关于各种类型的路由的多个线程/问题之后,我无法解决将queryParams传递给Angular 4路由的问题.

传递到网址时

http://localhost/search;x=y

通过模板[queryParams] = {x:’y’}

<a [routerLink]="/search" [queryParams]="{x: 'y'}">Navigate</a>

或者在组件类中

this._router.navigate(['/search'],{ queryParams: {x: 'y'} });

结果是路由器抛出匹配错误

Error: Cannot match any routes. URL Segment: 'search%3Fparam1%3Dtest1%26param2%3Dtest2'

将enableTracing设置为true时,我可以看到导航对可疑字符进行编码,这很可能是它无法匹配的原因.

我需要处理包含queryParams的URL并解析它们以进行api调用,因此必须在必需或可选的参数上使用查询参数路由.

有没有人有类似的问题,如果有的话,编码根源(ahem.)问题的原因是什么?

查询参数会生成如下所示的网址:
http://localhost/search?x=y

带问号,不是分号.

以下是有关如何使用查询参数的摘要.

请注意,它们未配置为路径定义的一部分.

您的routerLink和导航方法看起来正确.

猜你在找的Angularjs相关文章