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

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);