1

Que tal gente estoy tratando de llenar un formulario con su informacion previamente guardada, el formulario tiene 2 FormArray, al momento de querer editar el producto, este no me permite crear el segundo nivel de los FormArray y no se por que, lo he intentado de varias maneras pero no lo he conseguido.

Dejare el enlace de stackblitz por si alguien me puede ayudar e indicarme cual es la manera correcta de hacerlo.

la informacion que carga en uno de los productos a editar es el siguiente

"size": [
    {
        "size": 27,
        "stock": 14
    },
    {
        "size": 25.5,
        "stock": 0
    },
    {
        "size": 25,
        "stock": -9
    }
],
"description": "<p>Texo aqui</p>",
"color": "#f44336",
"price": 1111,
"image": "storage/o2dRZkGpci.jpg"

El formulario debe llenarse con name y code, el primer FormArray se llena con description, color, price e image y el segundo FormArray se llena con size (stock y size)

se deberia ver como en la siguiente imagen

introducir la descripción de la imagen aquí

sin embargo size y stock no se crean y se muestra de la siguiente manera (Notese que faltan los campos de stock y size que tiene el json)

introducir la descripción de la imagen aquí

2
  • Hola. Igual pega tu código de la pregunta aqui para que sea mejor aceptada. Que parte del código te falla?. Revisando el código todo parece funcionar (por los menos eventos).
    – Legna
    Commented el 30 nov. 2021 a las 14:47
  • @Legna gracias por tu tiempo, veras, al momento de que se ejecuta y llena los campos, no crea el segundo FormArray... es decir, no crea o carga la informacion de stock y talla, permiteme actualizar mi pregunta para explciar mejor mi problema
    – gutiec
    Commented el 30 nov. 2021 a las 15:21

1 respuesta 1

0

despues de haberme partido la cabeza encontre la solucion! La dejare a continuacion por si alguien mas llega a tener el mismo o similar problema que yo

buscarProd(guid: string) {

    this.spinner.show()

    this.guidEditar = guid;

    this.productosService.getProductData(guid).subscribe(

      resp => {

        if (resp.status == 'Ok') {

          this.spinner.hide()

          this.editando = true;

          resp.producto.infoProduct = JSON.parse(resp.producto.infoProduct)

          var infoProduct = resp.producto.infoProduct

          var infoSize: any = []

          for (let index = 0; index < infoProduct.length; index++) {

            infoSize.push(infoProduct[index].size)

          }

          for (let index = 0; index < infoProduct.length; index++) {

            infoProduct[index].size = this.formBuilder.array([])

          }

          let control = <FormArray>this.formEditProduct.controls.infoProduct;

          let controlSize: any

          infoProduct.forEach((element: any, indexA: number) => {

            control.push(this.formBuilder.group(element))

            controlSize = control.at(indexA).get('size') as FormArray

          })

          infoSize.forEach((elementSize: any, indexB: any) => {

            for (let index = 0; index < elementSize.length; index++) {
              
              this.sizesEdit(indexB).push(this.formBuilder.group(elementSize[index]))
              
              
            }

          })


          this.formEditProduct.patchValue({

            code: resp.producto.code,
            name: resp.producto.name

          })

        } else {

          this.spinner.hide()

        }

      },

      error => {

        this.spinner.hide();

        this.iziToast.error({

          id: 'error',

          title: 'Error',

          message: 'Ha ocurrido un problema, intentelo de nuevo.',

          position: 'topRight',

          transitionIn: 'fadeInDown'

        });

      }

    )
  }

se que puedo eliminar varias lineas de codigo que no se necesitan y se pueden hacer en una sola, pero ese no es el tema ahorita. Agradezco a los que se tomaron el tiempo de leer mi pregunta. saludos y exito para todos!

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.