title: Getting values out of Angular form group
body: <p>I'm new to Angular and I'm trying to create a dynamic table where you can add new columns, rows, and data. The issue that I'm having is with getting the input data from a form group and pushing it into an object that the table is reading from.</p>
  <p>The initial group looks like this, and each control appears as a column.</p>
  <pre><code>input = new FormGroup({
     name: new FormControl(),
     age: new FormControl(),
     height: new FormConrol()
  });
  </code></pre>
  <p>So when you add a column a new control is added using 'input.addControl()'.</p>
  <p>Without adding any new columns I could easily push this to the data source but saying,</p>
  <pre><code>this.dataSource.push({name: this.input.value.name}) // and so forth
  </code></pre>
  <p>But when new columns are added I have no idea how to push the values to this dataSource variable, since they could be called anything.</p>
  <p>Is there a way to say iterate the form groups values and push them like that or something along those lines... Any help would be greatly appreciated.</p>