angular - 清除 Angular 2 中的选择值

Question

我有一个选择输入，我必须在其中清除所选值。这里即使 If if set valueS = null Select 仍然显示最后选择的值。当我点击按钮以清除 Select 中的选定值时。如何实现？

    <select (ngModelChange)="onChange($event)" [(ngModel)]="valueS">
        <option value="null" >Add filter</option>
        <option value="Hi">Hi</option>
        <option value="Hey">Hey</option>
        <option value="Hello">Hello</option>
    </select>
<button (click)="clear()">Clear</button>

在组件中:

clear() {
    this.valueS = null
}

Answer 1

这是因为您正在使用:(ngModelChange)="onChange($event)"和 [(ngModel)]="valueS" 一起检查您的控制台，您会收到错误。所以删除 (ngModelChange)="onChange($event)"。

主要是我们使用 (ngModelChange) 来改变你想做某事但你仍然想做然后尝试这样的事情:

 <select name="s" (ngModelChange)="onChange($event)" [ngModel]="valueS">

和

 onChange(e) {
    console.log(e);
    ...
}

See the difference between [(ngModel)] and [ngModel] with (ngModelChange)

希望这会奏效。