title: ngModelChange does not update the input's value
body: <p>I have a form which uses <code>*ngFor</code> to loop over an array to create an input field for each item.</p>
  
  <p>This array starts with 1 item, but when a number is entered into one of the input fields, more items are added to the array based on this number.</p>
  
  <p>I am using <code>(ngModelChange)</code> to push the new items to the array when the number is entered.</p>
  
  <pre><code>  &lt;form #testForm="ngForm" (submit)="submit()"&gt;
      &lt;div *ngFor="let test of tests"&gt;
        &lt;label for="testProp"&gt;Test Property&lt;/label&gt;
        &lt;input type="number" [(ngModel)]="test.testProp" (ngModelChange)="inputChange($event)" name="testProp"/&gt;
        &lt;b&gt;Value: {{test.testProp}}&lt;/b&gt;
      &lt;/div&gt;
    &lt;/form&gt;
  </code></pre>
  
  <p><strong>inputChange function</strong></p>
  
  <pre><code>inputChange(number: any, index: any) {
  
    for(var i = 0; i &lt; number; i++) {
      console.log(i);
      this.tests.push({});
    }
  
  }
  </code></pre>
  
  <p><strong>Current behavior</strong></p>
  
  <p>When binding the item's value it is present, but for some reason the input's value is blank.</p>
  
  <p><strong>Expected behavior</strong></p>
  
  <p>The input's value not to be blank.</p>
  
  <p><strong>Minimal reproduction of the problem with instructions</strong></p>
  
  <p><a href="http://plnkr.co/edit/5P0nt68FSFH2UuEpJRnh?p=preview" rel="nofollow noreferrer">http://plnkr.co/edit/5P0nt68FSFH2UuEpJRnh?p=preview</a></p>
  
  <ul>
  <li><p><strong>Angular version:</strong> 2.4.5</p></li>
  <li><p><strong>Browser:</strong> all</p></li>
  <li><p><strong>Language:</strong> TypeScript 2.0.2</p></li>
  </ul>