title: Retrieving form inputs with multiple model classes connected in Angular 4
body: <p>I have a situation where my form looks like this:</p>
  
  <pre><code>&lt;form (formGroup)="form" (ngSubmit)="save()" &gt;
  
  &lt;input type="text" (ngModel)="User.name" formControlName="name" /&gt;
  &lt;input type="text" (ngModel)="User.password" formControlName="password" /&gt;
  &lt;input type="text" (ngModel)="Register.fullName" formControlName="fullName" /&gt;
  
  &lt;input type="submit" /&gt;
  
  &lt;/form&gt;
  </code></pre>
  
  <hr>
  
  <p>In my component class I have a method save() which look like this:</p>
  
  <pre><code>save() {
  
  data = this.form.value;
   console.log("Display User Object :", );
  
   console.log("Display Register Object :", );
  }  
  </code></pre>
  
  <p>I want to display the User and Register Object independently when I click the button.</p>