Skip to main content
etiquetas editadas
Enlace
ivanao
  • 986
  • 9
  • 16
  • 26
se añadió 1 carácter en el cuerpo
Origen Enlace
ivanao
  • 986
  • 9
  • 16
  • 26

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">_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.

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.

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.

título editado
Enlace
ivanao
  • 986
  • 9
  • 16
  • 26

Trasmisión datos de llamada http a compontecomponente hijo

se añadieron 158 caracteres en el cuerpo
Origen Enlace
ivanao
  • 986
  • 9
  • 16
  • 26
Loading
Origen Enlace
ivanao
  • 986
  • 9
  • 16
  • 26
Loading