角型オブジェクトの配列が機能していません

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); 
    } 
} 

私のフォーム用のフォームコントロールとフォームの配列は上記のコードがあります。生成されたJSONは、valueプロパティを追加しません:(

私は何を得る：。

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

私はすべてのエラーが表示されない

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

を必要としたものでしたもし誰かが同じ問題に直面していて、それがどうやって解決されたのか疑問に思っていますか？

Answer 1

As @ AJT_82 sugg

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

はEDIT：彼らはペアで行く必要がある場合：

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) 
]); 

参照してください：https://angular.io/api/forms/FormArray