Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

250
Vistas
Iterar a través de múltiples instancias de @ViewChild del mismo componente angular2

Tengo una aplicación Ionic 2 con un ParentComponent que llama al método ChildComponent @ViewChild para activar varios ChildComponents. Uno de los ChildComponents se instancia dos veces en la vista con diferentes parámetros como este:

 <ChildComponent [startFrom]="0" [limitTo]="1"></ChildComponent> <ChildComponent [startFrom]="1" [limitTo]="1"></ChildComponent>

Después de un cambio de estado del dispositivo fuera de línea/en línea, llamo al método de ChildComponent para actualizar una lista de elementos que devuelve.

 @ViewChild(ChildComponent) childComponent: ChildComponent; ngOnInit(): void { this.networkService.connectSubscription(() => { this.childComponent.getItems(); }); }

El problema aquí es this.childComponent solo obtiene la primera instancia de ChildComponent de los dos.

¿Hay alguna forma de iterar a través de varias instancias del mismo componente @ViewChild para poder hacer algo como this.childComponent1.getItems() y this.childComponent2.getItems() ?

Gracias por tu ayuda.

about 4 years ago · Santiago Trujillo
1 Respuestas
Responde la pregunta

0

@ViewChildren(ChildComponent) childComponents: QueryList<ChildComponent>;
 ngAfterViewInit(): void { this.networkService.connectSubscription(() => { this.childComponents.toArray(); }); }
about 4 years ago · Santiago Trujillo Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda