通过Angular中的路由传递的数据[重复]答案

【问题标题】：Data passing through routing in Angular [duplicate]通过Angular中的路由传递的数据[重复]
【发布时间】：2018-07-12 15:52:39
【问题描述】：

我想通过 Angular 4 中的路由器传递数据。

我正在从以下函数传递数据

onEdit(event)
{
    console.log(event.data);

            this.router.navigate(['pages/details'],event.data);


}

我收到的信息如下：

export class DetailsComponent {
data : any;
 constructor(private route: ActivatedRoute) {

        this.route.params.subscribe(params => {
        this.data = params;
            console.log(params);
        });
        console.log(this.data);
    }
}

但它没有给我我通过的数据。有什么帮助吗？

【问题讨论】：

标签： angular

【解决方案1】：

如果你想通过queryParams，你可以试试

this.router.navigate(['pages/details'], { queryParams: event.data });

navigate 方法的第二个参数接受 NavigationExtras 类型的对象。

【讨论】：

它成功了。
@FaisalAmdani 检索时尝试console.log(params.queryParams);
你上面的答案对我有用。