title: how to bind complex objects in angular2?
body: <p>I am trying to bind this complex object</p>
  
  <p>This is my model </p>
  
  <pre><code>export class something{
  
  public Kids: any = { Kid1: { Name: "", DOB: "", Age: "", Gender: "" }, Kid2: { Name: "", DOB: "", Age: "", Gender: "" } };
  
  }
  </code></pre>
  
  <p>and this is my html</p>
  
  <pre><code>&lt;input type="text" [(ngModel)]="model.Kids.Kid1.Name" /&gt;
  </code></pre>
  
  <p>this is my component</p>
  
  <pre><code>model = new something();
  </code></pre>