soy nuevo en Angular y estoy haciendo un curso y me quedé atascado a la hora de modificar un objeto. En el curso el código le funciona correctamente, pero a mi me da el siguiente error a la hora de modificar el nombre de una persona.
En el archivo persona-service.ts tengo este error de compilación, que lo puedo solucionar poniendo "?" al final, pero a la hora de intentar modificar un archivo no me funciona. Y estuve indagando en la red, pero no acabo de encontrar lo que está fallando.
Alguna ayuda de donde puede estar el problema?
Comparto el repositorio público del frontend: https://github.com/leoag81/personas-front-angular
Los datos los obtiene de un webservice en java.
(08/01/2021) EDICIÓN DE LA PREGUNTA:
Modifiqué este método:
encontrarPersona(id: number){
console.log('id persona :' + id);
// console.log('persona 0: ' + this.personas[0]);
const resultado: Persona | undefined = this.personas.find( persona => persona.idPersona === id);
if (resultado) {
console.log('persona encontrada:' + resultado.idPersona + ' ' + resultado.nombre);
} else{
console.log('No se encontró a la persona');
}
return resultado;
}
Y obtengo este resultado:
Porque no me encuentra la persona si ese id existe en los datos:
El array de personas lo inicio aqui:
// definimos un array para las personas
personas: Persona[] = [];
constructor(private dataService: DataService){}
// La llamada al DataService es Asincrona, por lo que tenemos que inicializar el arreglo persona
// tslint:disable-next-line: typedef
setPersonas(personas: Persona[]){
this.personas = personas;
}