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