Cómo parchear datos en forma dinámica en Angular 8

Estoy generando pestañas dinámicamente y en cada pestaña estoy creando 2 formularios diferentes con diferentes campos de texto según el tipo de proceso.

Ahora quería parchear los datos en todos los formularios generados en función de lo siguiente, por ejemplo.

Salida esperada: según el nombre de línea y el tipo de proceso, parcheará los datos en los campos de formulario HTML

Código StackBlitz

Código y demostración de StackBlitz

Por favor, repasa el siguiente escenario.

Si mi tipo de proceso = Continuo, los campos de mi formulario serán diferentes y si el tipo de proceso = Lote, mostraré diferentes campos HTML.

Llamo a la función getPatchData. Para la Tab-1, tenemos 3 objetos. En el primer objeto, obtengo el tipo de proceso: 'Continuo'. Luego parcheará los datos en la Tab-1 dentro de la forma continua con los datos del objeto a continuación.

En el segundo objeto, obtengo processTechType = Batch, luego parcheará, procesará los datos del objeto en los campos de formulario HTML por lotes ... lo mismo para Tab-2, etc., etc.

por ex -

getPatchData() {
    const patchData = [
      {
        lineName: 'Tab-1',
        processTechType: 'Continuous',
        designProcessCapacity: 'Test',
        minRunLength: 'Test',
        avgBct: 'Test',
        bestBct: 'Test',
      },
      {
        lineName: 'Tab-1',
        processTechType: 'Batch',
        designProcessCapacity: 'ABC',
        minRunLength: 'ABC',
        avgBct: 10,
        bestBct: 20,
      },
      {
        lineName: 'Tab-2',
        processTechType: 'Continuous',
        designProcessCapacity: 'ABC1',
        minRunLength: 'ABC2',
        avgBct: 20,
        bestBct: 30,
      },
    ];
  }

Estoy usando la función getMakeLineData() para generar diferentes formularios HTML basados ​​en el tipo de proceso. Ahora quería parchear los datos en la carga de la página, o llenar el formulario vacío.

¿Alguien puede ayudarme a hacer esto? Soy nuevo en Angular y no sé mucho sobre cómo parchear valores en forma.

Answer