Hola tengo problemas para pasar los datos de una petición http a un componente hijo.
Primero obtengo los datos utilizando dos servicios y esa parte funciona bien.
servicio-principal.service.ts
llamadaGet(url2: string, datosLlamada: any) {
return this.http.get(ServicioPrincipal.myUrl+url2, datosLlamada);
}
servicio-secundario.service.ts
getDatos () {
const myParametros = {parametro1: 'texto1', parametro2: 'texto2'};
return this.sesionServ.peticionGet('textoUrl/texto', myParametros);
}
Despues los llamo desde un componente y haciendo un console.log
los datos se muestran, pero los envió a un componente hijo y ahí no se ven(en el componente hijo).
componente1.component.html
<componente-hijo [datos]="myDatos">
componente1.component.ts
constructor(private servicioPrincipal: ServicioPrincipal, private servicioSecundario: ServicioSecundario) {
this.ServicioSecundario.getDatos()
.subscribe((data: any) => {
console.log(data); // Aqui si se muestran los datos
this.myDatos = data;
});
}
componenteHijo.component.html (Aquí es donde no se muestran los datos)
<p *ngFor="let registro of _datos">{{registro.campo1}} {{registro.campo2}}</p>
componenteHijo.component.ts
@Input() datos: any[] = [];
ngOnChanges() {
console.log(this.datos);
}
Si envió datos en bruto al componente hijo(sin hacer una petición http) si se muestran.
Edición: Al hacer el ngOnChanges() los datos se muestran en el hijo pero no pasan a la vista.
Agradecería vuestra ayuda.
Gracias de Antemano.
ngOnChanges
en el componente hijo y comprobar que se llama después de obtener los datos?