Angualr2:如何为select进行双向数据绑定?

时间:2016-07-18 06:04:26

标签: typescript angular

我正在使用angular 2版(2.0.0-beta.1)。我想创建双向数据绑定选择我应该怎么做?。

 <label>Equipment Type</label><br />                
             <select class="form-control">
                <option *ngFor="#equi of EquipTypeDropDown" [value]="equi.key">{{equi.value}}</option>
            </select>

在组件中我希望其值在 equiptypeselectedvalue 变量中。

请指导我。 谢谢。

2 个答案:

答案 0 :(得分:0)

对于双向绑定,添加[(ngModel)]="equiptypeselectedvalue"

<label>Equipment Type</label><br />                
         <select class="form-control" [(ngModel)]="equiptypeselectedvalue">
            <option *ngFor="#equi of EquipTypeDropDown" [value]="equi.key">{{equi.value}}</option>
        </select>

答案 1 :(得分:-1)

我会在v 1.2.x中这样做,这可以解决你的问题:

<select class="form-control" ng-model="value">
    <option ng-repeat="equi in EquipTypeDropDown track by $index" >
            {{equi.value}}</option>
</select>

我希望它也应该在2.0.0中运行。