Angular 2 selectBox值

时间:2017-03-02 23:12:06

标签: javascript html angular typescript

如何显示selectBox中的选定值。我无法使用ngModel绑定属性,因为selectBox的数量是动态变化的。 例如,我将有50个房间,所以每selectBox我需要50个变量。有没有其他方法可以做到,或者我必须使用一组选定的值?这是我目前的代码:

<tr *ngFor="let room of term.rooms">
    <th>{{room.name}}</th>
    <th><select #box><option *ngFor="let price of  getPrices(room.id)" [ngValue]="price">{{price.name}}</option></select></th>
    <th><!--ValueHere--></th><!--for example something like this price.value-->
  </tr>

1 个答案:

答案 0 :(得分:0)

是的,你需要一个包含50个变量的数组。

在模板中,使用ngFor循环遍历数组,并为每个变量创建一个下拉列表并使用[(ngModel)]来绑定数据。

如果你还想不通,请告诉我。