访问angular2中的Select元素值会给出Error

Question

我正在使用角度2 rc4 我的观点如下：

bbbbb

更改后会抛出以下错误：

<select class="form-control" (change)="selectTestName=this.value;getChartData()">
    <option *ngFor="let st of selectTestNameList" value="{{st.selectTestName}}">{{st.selectTestName}}</option>
</select>

Answer 1

而不是this.value使用$event.target.value。

<select class="form-control" (change)="selectTestName=$event.target.value;getChartData()">
    <option *ngFor="let st of selectTestNameList" value="{{st.selectTestName}}">{{st.selectTestName}}</option>
</select>

Answer 2

试试这样：

<select class="form-control" #selectbox (change)="selectTestName=selectbox.value;getChartData()">
  <option *ngFor="let st of selectTestNameList" value="{{st.selectTestName}}">{{st.selectTestName}}</option>
</select>

您必须为选择框指定名称。您可以使用该名称来访问该值。