title: TypeError: "setting getter-only property "value"
body: <p>Im trying update the input value but it returns this error:
  <strong><em>TypeError: "setting getter-only property "value"</em></strong>
  I created a function in angular for try modify the value:</p>
  
  <pre><code>modifyValue(searchCenter, centerId){
      searchCenter.value = centerId._id;
    }
  </code></pre>
  
  <p>centerId is the value that i want to asignate to input value.</p>
  
  <p>And this is the html:</p>
  
  <pre><code>&lt;p&gt;
        &lt;label&gt;Search a center&lt;/label&gt;
        &lt;input type="text" name="searchCenter" class="form-control" #searchCenter='ngModel' [(ngModel)]="term" [(ngModel)]="user.center" required/&gt;
  
      &lt;/p&gt;
  
     &lt;div class="center panel panel-default"  *ngFor="let center of centers | filter:term"&gt;
        &lt;div class="panel-body"&gt;
  
            &lt;button (click)="modifyValue(searchCenter, center)" type="button" class="centers-button"&gt;{{center.name}}, {{center.community}},
            {{center.municipality}}&lt;/button&gt;
  
        &lt;/div
  </code></pre>
  
  <p>>
      </p>