Tienes 2 problemas:
1.- this.route.snapshot.paramMap.get('listaId')
puede entregar un valor nulo o string tal como lo indica la documentación
Entonces tu tienes:
const listaId = this.route.snapshot.paramMap.get('listaId');
donde listaId será del tipo null | string
, en cambio tu función obtenerLista
acepta como argumento el tipo string | number
.
2.- El otro problema es que obtenerLista no está retornando algo, es decir es vacio void
Para corregir el primer problema basta con agregar el null
como un posible tipo del argumento de la función y el segundo problema se resuelve con agregar return
obtenerLista( id: string | number | null){
id = Number(id);
return this.listas.find( listaData => {
return listaData.id === id;
}id);
}
Por último debes tenerLlegado a este punto te encuentras con un par de dilemas:
- Si
id==null
entonces al convertirlo a número es cero, ya queNumber(null)==0
- Que el
id
ingresado no exista en elarray
, entonces elfind
retornaráundefined
Este es un problema muy comun en cuentala programación. Tu podrias simplemente retornar null
o undefined
para estos casos y hacer que Number(lista
acepte esos tipos -> lista: Lista | null) ==| 0undefined;
, lo cual ahora será un posible caso pero esto solo arrastra el problema y eventualmente en algún lado debes validarlo. Por lo que puedes desear manejar esa condiciónOtra forma sería arrojar una excepción, como por ejemplo retornando un array vacioalgo así:
obtenerLista( id: string | number | null) : Lista {
if(id==nullid == null) returnthrow [];new Error("Id es nulo");
id = Number(id);
let returnresp = this.listas.find( listaData => listaData.id === id);
if(resp) return resp;
throw new Error("Item no está en el array");
}
Y luego en AgregarPage
lista: Lista;
constructor(private deseosService: DeseosService,
private route: ActivatedRoute) {
const listaId return= listaDatathis.idroute.snapshot.paramMap.get('listaId');
=== id; try{
this.lista = this.deseosService.obtenerLista( listaId );
}
catch(err){
console.error(err);
//Aquí tomas acciones para alertar que ha ocurrido un problema, puede ser un mensaje al usuario
}
}