Angular Form Array von Objekt funktioniert nicht

Question

// setup the form 
const formGroup = {}; 
for (const prop of Object.keys(this.dataObject)) { 
    try { 
    const cpv = this.dataObject[prop].cpv; 
    const value = this.dataObject[prop].value; 
    formGroup['componentDetails'] = new FormArray([ 
     new FormControl({'cpv': cpv, 'value': value}) 
    ]); 
    } catch (e) { 
    console.log('Exception in Form setup - ' + e); 
    } 
} 

Ich habe den oben genannten Code zum Einrichten von Formularsteuerung und Formular-Array für mein Formular. Das resultierende JSON, die erzeugt wird, nicht Wert Eigenschaft hinzufügen :(

Was ich bekommen.

"componentDetails": [ { "cpv": "CPV_1" } ]

Was ich brauche

"componentDetails": [ { "cpv": "CPV_1", "value": "test value" } ]

Ich sehe keine Fehler War frage mich, ob Sie jemand das gleiche Problem konfrontiert und wie sie es gelöst?

Answer 1

Als @ AJT_82 Sugg sierte value müsste eine andere FormControl sein:

formGroup['componentDetails'] = new FormArray([ 
    new FormControl({'cpv': cpv}), 
    new FormControl({''value': value}) 
]); 

EDIT: Wenn sie benötigen, als ein Paar zu gehen:

const cpv = this.dataObject[prop].cpv; 
const value = this.dataObject[prop].value; 
let pair: any = { 'cpv': cpv, 'value': value }; 

formGroup['componentDetails'] = new FormArray([ 
    new FormControl(pair) 
]); 

See: https://angular.io/api/forms/FormArray