Question

我有一个选择输入，我必须清除所选的值。这里甚至如果设置 valueS = null 选择仍然显示最后选择的值。当我在按钮上从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>

Component中的

：

clear() {
    this.valueS = null
}

Answer 1

这是因为您正在使用：(ngModelChange)="onChange($event)" 和[(ngModel)]="valueS"两者一起检查console您收到错误。所以删除(ngModelChange)="onChange($event)"。

主要是我们使用(ngModelChange)进行onchange你想做什么但仍然想做，然后尝试这样的事情：

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

和

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

使用[(ngModel)]
查看[ngModel]和(ngModelChange)之间的区别

希望这会奏效。

清除Angular 2中的选择值

1 个答案: