title: Angular2 - 2 way binding on text box input tag
body: <p>This is very simple with angular 1, but somehow I am not able to get it working with Angular 2.</p>
  
  <p>lets say in my component, I have a model - <strong><em>myModel.name.title</em></strong>, and in its constructor I set some value, there is an input of type text (below) in the template which modifies the value :-</p>
  
  <pre><code>&lt;input type="text" [(ngModel)]="myModel.name.title" /&gt;
  &lt;p&gt;{{ myModel | json }}&lt;/p&gt; //for previewing
  </code></pre>
  
  <p>But, when I type something in the text box, there is no update in the preview.
  Also, when I change the model programmatically, there is no change in the text box.</p>
  
  <p>I am initializing it - </p>
  
  <pre><code>@Component({})
  export class .... {
     myModel: any;
     constructor(){
       this.myModel = {
          id: uniqid,
          name: {
            title: '',
            styles: {}
          }
     }
  ...
  }
  </code></pre>