如何将对象数组从一个组件传递到另一个组件？

Question

我已经尝试了我在互联网上看到的所有方法，但这是不可能的。 当我在另一个组件上编写控制台日志时，它说它是未定义的。

（顺便说一句，它是一个对象数组）

这是来自第一个组件：

  irAlCarrito():void{
let params = {queryParams: this.carrito};
this.router.navigate(['/carrito', params]);

}

这是来自第二个组件：

  ngOnInit(): void {
this.router.queryParamMap.subscribe(params => this.carrito = params.getAll("carrito"));
console.log(this.carrito[0]);

}

Answer 1

这里有三个错误

首先您必须发送字符串，而不是数组或对象，我们将其JSON.stringify

第二，您必须为您的值添加一个键，而不是直接传递它

第三，您的 queryParams 应该作为第二个参数发送以导航而不是作为路由数组中的第二项

这是完整的工作代码

let params = {queryParams: {carrito: JSON.stringify(this.carrito)}};
this.router.navigate(['/carrito'], params);