title: Angular2 Dynamic input field lose focus when input changes
body: <p>I'm making a dynamic form. A <code>Field</code> has a list of values. Each value is represented by a string.</p>
  
  <pre><code>export class Field{
      name: string;
      values: string[] = [];
      fieldType: string;
      constructor(fieldType: string) {this.fieldType = fieldType;}
  }
  </code></pre>
  
  <p>I have a function in my component which adds a new value to the field.</p>
  
  <pre><code>addValue(field){
      field.values.push("");
  }
  </code></pre>
  
  <p>The values and the button are displayed like this in my HTML.</p>
  
  <pre><code>&lt;div id="dropdown-values" *ngFor="let value of field.values; let j=index"&gt;
      &lt;input type="text" class="form-control" [(ngModel)]="field.values[j]" [name]="'value' + j + '.' + i"/&gt;&lt;br/&gt;
  &lt;/div&gt;
  &lt;div class="text-center"&gt;
      &lt;a href="javascript:void(0);" (click)="addValue(field)"&gt;&lt;i class="fa fa-plus-circle" aria-hidden="true"&gt;&lt;/i&gt;&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>As soon as I write some text in an input of a value, the input loses focus.
  If I add many values to a field and I write a character in one the values input, the input lose focus and the character is written in every input. </p>