![](/img/trans.png)
[英]In angular 2 how to preserve query params and add additional query params to route
[英]Angular 4 Query Params without Route params
这有效(使用Route Params = :id
)
{
path: 'qp/:id?repo=1',
component: QueryParamsComponent
}
<li><a [routerLink]="['/qp', 5]" [queryParams]="{repo:1}">Query Params</a></li>
但没有Route Params,它就不起作用,
有没有办法使下面的代码起作用?
{
path: 'qp?repo=1',
component: QueryParamsComponent
}
<li><a [routerLink]="['/qp']" [queryParams]="{repo:1}">Query Params</a></li>
或任何其他方式来实现这一目标?
这是我的QueryParamsComponent
repo = ' ';
ngOnInit() {
this.router.params.subscribe((params: Params) => {
this.repo = params['repo'];
});
}
角版本:4.2.4
您可以定义带或不带参数调用同一组件的多个路由,而无需将queryParams放入路由配置中:
{
path: 'qp/:id,
component: QueryParamsComponent
},
{
path: 'qp',
component: QueryParamsComponent
}
在组件内部:
this.router.queryParams.subscribe(params => {
this.repo= +params['repos'];
})
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.