Estoy trabajando con Angular7 y tengo un component.ts llamado mostrar con su correspondiente html.
Cuando se crea el componente, va a mostrar el dni del usuario, por circunstancias de la aplicación este componente debe mostrarse ANTES de obtener los datos de un servicio rest (hace más cosas aparte de mostrar el dni y tampoco puede realizar la llamada.).
El problema es que tiene que mostrar los datos de un servicio rest el cual no se hizo su llamada, la llamada rest se hace en otro componente que se creará después.
public mostrarDni = function () {
this.dni = this.service.verDni[this.service.number];
};
<span>{{dni}}</span>
Y luego en otro componente:
this.service.getDatos(endPoint).subscribe(
data => {
this.service.verDni = data;
}
);
Este es el segundo componente que obtendría los datos, pero sin mostrar el dni, solo se muestra el nombre, el problema es que cuando selecciono un nombre,
<button ... (click)= "select(number)">...
function select(){
this.service.number = number;
};
Meto en el servicio el número del indice para que el 1º componente sea el encargado de mostrar el dni en su html sacado del array.
Aunque ya no sirve de nada porque la función del 1º componente ya se ejecutó...
Siento no poder ser muy específico con el código, pero la base del problema es ese.
El primer componente tiene que mostrar unos datos que no tiene, más adelante cuando un usuario pinche en una pestañita, el primer componente debería mostrar los datos obtenidos en el 2º componente.
He estado depurando y como es obvio, no vuelve a pasar por el ngOninit del 1º componente para hacer la función de mostrarDni.
¿ Cómo hago para volver a ejecutar una función del 1º componente ?
Por ejemplo
Estando en el componente 2, llamo a la función del componente 1.
O estando en el componente 2, que el componente 1 detecte cambios.
O cualquier otra opción sin cambiar que primero se llame al componente 2.
Gracias.