estoy tratando de replicar un ejercicio de un carrito de compras, para ver si puedo implementarlo más adelante, pero tengo un pequeño problema, cuando quiero cargar los elementos que se han guardado en una tabla de carrito, angular me dice que no pudo acceder a la propiedad _id porque esta indefinida, tengo un servicio que hace este proceso y me carga los datos en un componente pero igualmente, aunque los datos guarden correctamente, estos luego no pueden ser renderizados por el error.
getCartItems(): Observable<CartItem[]> {
return this.http.get<CartItem[]>(this.URL + '/cart').pipe(
map((result: any[]) => {
let cartItems: CartItem[] = [];
for (let item of result) {
let productExits = false;
for (let i in cartItems) {
if (cartItems[i].productId === item.product._id) {
Swal.fire({
title: 'Ya tienes este producto en tu carrito',
showClass: {
popup: 'animate__headShake',
},
hideClass: {
popup: 'animate__backOutUp',
},
});
productExits = true;
break;
}
}
if (!productExits) {
cartItems.push(new CartItem(item._id, item.produtc));
}
}
return cartItems;
})
);
}
Este es el modelo,
import { Product } from './products';
export class CartItem {
_id: string;
productId: string;
name: string;
price: number;
constructor(_id: '', product: Product) {
this._id = _id;
this.productId = product._id;
this.name = product.name;
this.price = product.price;
}
}
UPDATE
Respecto a los comentarios, sobre mi API, solo hago una consulta a los carritos de compra que se almacenan y este es el codigo:
cartController.getAllCarts = async (req, res, next) => {
try {
const carts = await model_cart.find();
return res.json(carts);
} catch (err) {
next(err);
}
};
Me imagino que en esta consulta debo enviar tambien los datos del producto.
undefined
no es el_id
, si no todo el objeto que deberia contenerlo. Cual es la lineashopcart.service.ts:40
? Ahi esta el inicio de la solucion.item.product._id
. Haz unconsole.log
deitem
para ver por si la sintaxis que estas usando es correcta.shopcart.service
escartItems.push(new CartItem(item._id, item.product));
. Respecto alconsole.log
, me trae el objeto item, que seria el productoconsole.log
lo puse antes de entrar al condicional de!productExits
Y me muestra esto, prnt.sc/swrp3litem
no tiene la propiedadproduct
. Ese es el problema. Puedes comprobarlo por favor conconsole.log('item.product')
para corroborar que verdaderamente esta nulo?