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

414
Vistas
(Angular2) FormArray oculta el formulario anterior como nuevo formulario agregado

Tengo una matriz de formularios dentro de un generador de formularios y estoy cambiando dinámicamente los formularios, es decir, al hacer clic en cargar datos desde la aplicación 1, etc.

El problema que tengo es que todos los datos se cargan, pero los datos en el formarray se quedan y simplemente concatenan los elementos antiguos con los nuevos.

¿Cómo hago para que formarray solo tenga la nueva matriz y oculte la matriz anterior? Estoy creando un formulario de matriz usando angular2.

trabajando plnkr de mi proyecto

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

0

Lo siguiente hará lo que quieras, pero como se discutió en otra parte, aquí no hay posibilidad de volver a visitar los otros elementos del formulario, eso requiere un poco más de retoques :)

Simplemente establezca una condición que verifique si el objeto es el último elemento en formArray y, si lo es, muestra solo ese objeto.

Entonces, donde está iterando la matriz de objects , agregue la siguiente condición:

 <div *ngFor="let object of myForm.controls.objects.controls; let i=index"> <div [formGroupName]="i" *ngIf="i === myForm.controls.objects.controls.length -1">

Agregue estas condiciones dentro de formArray s en la pestaña de la encuesta.

Ahorquillado

Plunker

over 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