title: Angular 4 Select don't update on ngModel change
body: <p>I am trying to make that after new value is selected, I call eventChange() function and restore selected value to default. But what happens: ngModel value updates, but selected value stays the same. How should I do that selected value and ngModel value would be the same?</p>
  <p>HTML file</p>
  <pre><code>&lt;select [(ngModel)]=&quot;selectedValue&quot;
         (change)=&quot;eventChange()&quot;
  
  &gt;
        &lt;option [disabled]=&quot;true&quot;
                [ngValue]=&quot;-1&quot;&gt;
          Choose an option
        &lt;/option&gt;
        &lt;option *ngFor=&quot;let item of myList index as i&quot;
                [ngValue]=&quot;i&quot;
        &gt;
          {{item.name}}
        &lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  <p>Function from Component file</p>
  <pre><code>selectedValue = -1; //works //Option in select is changed
  eventChange(){
      this.selectedValue= -1; //don't work 
      //Function is called, 
      //Value changes
      //But selected Option in Select doesn't change
  }
  </code></pre>
  <p>Comment:
  On running web page(refresh) first value of select is set properly, if in component file I set variable <strong>selectedValue</strong> to other index the other value is selected, but it works only on run, but not in function)</p>
  <p>Also I found this question <a href="https://stackoverflow.com/questions/26211573/angularjs-select-not-updating-when-ng-model-is-updated">Angularjs: select not updating when ng-model is updated</a>
  But here is an answer to AngularJS for using ng-options, instead of ng-repeat, in angular 4 I found only *ngFor...</p>
  <p>Update:
  Clarification just in case: function is being called, but I want change selected option through javascript. I try this by changing ngModel value, but even when ngModel value is cahnged, selected option doesn't change.</p>