title: Adding dynamically added field values along with form values in angular
body: <p>I have an component called <code>demo</code>, which as some i/p fields: <br>
  <strong>first name,last name,number....</strong>  along with these fields i am <strong>dynamically adding</strong> the 2 fields (i,e to add multiple address).</p>
  
  <blockquote>
    <p><strong>I am able to send the all form fields value but not the dynamically added values</strong>.</p>
  </blockquote>
  
  <p>While <strong>logging</strong> the dynamically added field values are displaying as <code>undefined</code>. Since the component's code is long, I am posting stackblitz <a href="https://stackblitz.com/edit/angular-material2-issue-nfiegg?file=app/demo/demo.component.css" rel="nofollow noreferrer">DEMO</a>.</p>