title: Angular Form Array of object is not working
body: <pre><code>// 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);
    }
  }
  </code></pre>
  
  <p>I have the above code to set-up form control and form array for my form. The resulting JSON that is generated does not add value property :(</p>
  
  <p>What I get:</p>
  
  <p><code>"componentDetails": [
      {
        "cpv": "CPV_1"
      }
    ]</code></p>
  
  <p>What I need</p>
  
  <p><code>"componentDetails": [
      {
        "cpv": "CPV_1",
        "value": "test value"
      }
    ]</code></p>
  
  <p>I do not see any errors. Was wondering if you anyone faced the same issue and how they solved it?</p>