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对象

转载于:https://www.cnblogs.com/enzhao/p/8622434.html