Angular 4 中的查询参数

【问题标题】：Query Parameters in Angular 4Angular 4 中的查询参数
【发布时间】：2018-07-31 09:26:38
【问题描述】：

我想在 Angular 4 中创建 url

例如：

但现在我正在使用这样的查询参数：

this.router.navigate(['page/page2/' + row.id],{ queryParams: {'name': row.name,'phnnumber': row.phnnumber}});

【问题讨论】：

this.router.navigate(['page' , 'page2', row.id],{ queryParams: {'name': row.name,'phnnumber': row.phnnumber}}) ;, 为此添加路由组件

【解决方案1】：

你必须像这样创建一个路线：

{path : "page/page2/:rowId/:name/:phoneNumber" , component : "yourComponent" } 。

稍后您可以导航到您的路线：

this.router.navigate(['page/page2/' + row.id + "/" + row.name + "/" + row.phnnumber]);

【讨论】：