title: Angular 2 | NgformControl Prevents my NgModel from updating
body: <p>This is my code: </p>
  
  <p>HTML: </p>
  
  <pre><code>&lt;div *ngFor="let reject of rejects, let i = index"&gt;
      &lt;h2&gt;{{reject.reason}}&lt;/h2&gt;
      &lt;input type="text" [(ngModel)]="reject.reason" [ngFormControl]="inputField"&gt;
      &lt;rt-dropdown (selectedReason)="selectReason($event.value, i)"&gt;&lt;/rt-dropdown&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and my mainTS: </p>
  
  <pre><code>class {
      inputField = new Control();
  
  
      constructor( private _broadcastService : BroadcastService) {
          this.inputField.valueChanges
             .debounceTime(300)
             .subscribe(term =&gt; this._dropdownComponent.query(term));
      }
  }
  
  
  
  selectReason(text, index) {
   this.rejects[index].reason = text;
  }
  </code></pre>
  
  <p>RT-dropdown only sends a reason when you click on a reason.</p>
  
  <p>The problem is, that when you click on a reason, the {{reject.reason}} changes, but the input field does not change. </p>
  
  <p>It's like the page is not updating, anyone experience on this ?</p>
  
  <p>Thank you</p>