Hola. Me sale este error. Pueden ayudarme por favor? <code>&lt;Error: src/app/product/components/product-detail/product-detail.component....

Yamil B. Prado

Yamil B. Prado

Pregunta
studenthace 4 años

Hola. Me sale este error. Pueden ayudarme por favor?

<Error: src/app/product/components/product-detail/product-detail.component.ts:27:7 - error TS2739: Type 'Observable<Object>' is missing the following properties from type 'Product': id, title, price, description, image 27 this.product = this.productsService.getProduct(id); ~~~~~~~~~~~~>
6 respuestas
para escribir tu comentario
    Natan David Chiquillo Sarabia

    Natan David Chiquillo Sarabia

    studenthace 3 años

    Arregle mi problema eliminando esto this.product = this.productsService.getProduct(id); y listo!

    Natan David Chiquillo Sarabia

    Natan David Chiquillo Sarabia

    studenthace 3 años

    El mismo error, alguien lo corrigió?

    Wendy Stefanny Ayala Muñoz

    Wendy Stefanny Ayala Muñoz

    studenthace 3 años

    Tengo el mismo problema, cómo pudiste corregirlo?

    Brayan Eduardo Vargas Barajas

    Brayan Eduardo Vargas Barajas

    studenthace 4 años

    Es por que ahora, gracias al metodo get lo que se recibe en el dato es un Observable<Product> y antes recibiamos un Product a secas, lo que tienes que hacer es agregar el .suscribe y pasarle la funcion observadora del elemento.

    ngOnInit(): void { this.route.params.subscribe((params: Params) =>{ const id = params.id; this.productsService.getProduct(id).subscribe(product =>{ this.product = product }); });

    Espero te sea de ayuda a ti y a los que vengan!

    Juan Manuel Velez

    Juan Manuel Velez

    studenthace 4 años

    bueno , te dice que

    Observable<object> no tiene propiedades de Product,

    prueba a poner

    Observable<Product>

    Walter Lensinas

    Walter Lensinas

    studenthace 4 años

    Buenas tardes tenes el codigo para poder verlo?

    Por lo que menciona el error, al objeto del tipo Observable le falta algunas propiedades como product id, title, price, description e image

Curso de Angular [Empieza Gratis]

Curso de Angular [Empieza Gratis]

Entiende los conceptos fundamentales de Angular 8. Conoce la arquitectura de este Framework para que programes aplicaciones web con sus mejores prácticas. Conecta tus aplicaciones con una API para obtener datos de un sistema de Backend. Crea una tienda en línea y publícala en Internet con Firebase.

Curso de Angular [Empieza Gratis]
Curso de Angular [Empieza Gratis]

Curso de Angular [Empieza Gratis]

Entiende los conceptos fundamentales de Angular 8. Conoce la arquitectura de este Framework para que programes aplicaciones web con sus mejores prácticas. Conecta tus aplicaciones con una API para obtener datos de un sistema de Backend. Crea una tienda en línea y publícala en Internet con Firebase.