1
import { Component, OnInit } from '@angular/core';
import { ActivatedRoute, ParamMap } from '@angular/router';
import { Libro } from '../libro.modelo';
import { LIBROS } from '../mocks';

@Component({
  selector: 'app-libro-detalle',
  templateUrl: './libro-detalle.component.html',
  styleUrls: ['./libro-detalle.component.css'],
})
export class LibroDetalleComponent implements OnInit {
  libro: Libro = new Libro();

  constructor(private route: ActivatedRoute) {}

  ngOnInit() {
    this.route.paramMap.subscribe((params: ParamMap) => {
      let id = +!params.get('id');
      this.libro = LIBROS.find((item) => item.id === id);
    });
  }
}

Basicamente en this.libro me salta este mensaje-> El tipo 'Libro | undefined' no se puede asignar al tipo 'Libro'. El tipo 'undefined' no se puede asignar al tipo 'Libro'.ts(2322)

1

1 respuesta 1

1

es una de dos, o el servicio Mock que tienes de libros retorna los libros sin el tipado correcto o ese LIBROS.find no esta retornando nada.

si haces esto y arroja un error de tipo sobre item el error es que el Array/Servicio LIBROS no esta correctamente tipado.

this.libro = LIBROS.find((item: Libro) => item.id === id);

si es un array deberia ser:

const LIBROS: Libro[] = [{ libro1 }, { libro2 }..etc]

tambien considera usar una Interface en lugar de una Clase:

export interface Libro {
   titulo: string
   autor: string
   anio: number
   precio: number
   existencias: boolean
}

Espero que te sea de ayuda todo esto.

1
  • No consigo sacarlo de las formas que me dices, pero no es culpa tuya, es que estoy aprendiendo angular y se me escapan muchas cosas. Muchas gracias igualmente, lo intentare sacar de alguna forma. el 23 abr. 2022 a las 13:36

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.