[英]Clear Select value in Angular 2
I have a select input where I have to clear the selected value.我有一个 select 输入,我必须清除所选值。 Here even If if set valueS = null Select is still showing last selected value.
这里即使设置valueS = null Select 仍然显示最后选择的值。 When I on the button to clear the selected value from Select.
当我在按钮上清除 Select 中的选定值时。 How to achieve it?
如何实现?
<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>
in Component
:在
Component
中:
clear() {
this.valueS = null
}
This is because you are using: (ngModelChange)="onChange($event)"
and [(ngModel)]="valueS"
both together, Check your console
you are getting error .这是因为您同时使用:
(ngModelChange)="onChange($event)"
和[(ngModel)]="valueS"
,请检查您的console
是否出现错误。 So remove (ngModelChange)="onChange($event)"
.所以删除
(ngModelChange)="onChange($event)"
。
Mainly we use (ngModelChange)
for onchange you want to do something and still you want to do then try something like this:主要是我们使用
(ngModelChange)
进行 onchange 你想做的事情,但你仍然想做,然后尝试这样的事情:
<select name="s" (ngModelChange)="onChange($event)" [ngModel]="valueS">
and和
onChange(e) {
console.log(e);
...
}
See the difference between
[(ngModel)]
and[ngModel]
with(ngModelChange)
使用
(ngModelChange)
ngModelChange) 查看[(ngModel)]
和[ngModel]
之间的区别
Hope this will work.希望这会奏效。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.