Angular 4 Select不要在ngModel更改时更新

Question

我试图使它在选择新值之后，调用eventChange（）函数并将所选值恢复为默认值。 但是会发生什么：ngModel值更新，但是所选值保持不变。 我应该如何将所选值和ngModel值设置为相同？

HTML文件

<select [(ngModel)]="selectedValue"
       (change)="eventChange()"

>
      <option [disabled]="true"
              [ngValue]="-1">
        Choose an option
      </option>
      <option *ngFor="let item of myList index as i"
              [ngValue]="i"
      >
        {{item.name}}
      </option>
</select>

组件文件中的功能

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
}

注释：在运行的网页上（刷新），正确设置了select的第一个值，如果在组件文件中我将变量selectedValue设置为其他索引，则选择了另一个值，但它仅在运行时起作用，而在功能上不起作用）

我也发现了这个问题Angularjs：当ng-model更新时选择不更新但是这是在Angular 4中使用ng-options而不是ng-repeat的AngularJS的答案，我只发现* ngFor ...

更新：澄清以防万一：函数被调用，但是我想通过javascript更改选定的选项。 我通过更改ngModel值来尝试此操作，但是即使更改ngModel值，所选选项也不会更改。

Answer 1

使用ngModelChange ，您不需要[ngValue]

<select [(ngModel)]="selectedValue"
       (ngModelChange)="eventChange()"