angular2怎么获取下拉框的值
select下拉框主要通过ngModel和ngModelChange实现选择事件
如果你想要在select下拉框选中某一项时触发事件,可以将[(ngModel)]拆成ngModel和ngModelChange来实现
<select [ngModel]=
"data"
(ngModelChange)=
"data=$event;setInfo()"
>
<option value=
""
>请点击选择</option>
<option *ngFor=
"let item of datas"
[value]=
'item'
>{{item}}</option>
</select>
{{info}}
let datas:string[]=[
'A_01'
,
'A_02'
,
'A_03'
];
let data:string=
''
;
let info:string=
''
;
setInfo(){
this
.info=data;
}
在属性绑定中,一个值从模型中传到屏幕上的目标属性。 我们通过把名字括在方括号中来标记出目标属性, [] 。 这是一个 从模型到视图 的单向数据绑定。
在事件绑定中,值从屏幕上的目标属性传到模型中。 我们通过把名字括在圆括号中来标记出目标属性, () 。 这是一个 从视图到模型 的反向单向数据绑定。
在Angular2中[(x)] 的绑定目标时,会以x和xChange表示他的输入和输出属性。
代码中student=$event
原理如下ngModelChange是一个 Angular EventEmitter 类型的属性,当它触发时,它返回的是输入框的值
需要注意的是:目前select下拉框中不支持绑定json对象