Typescript Angualr2:如何为select执行双向数据绑定?
我使用的是angular 2版本(2.0.0-beta.1)。我想为“选择我该怎么做?”创建双向数据绑定Typescript Angualr2:如何为select执行双向数据绑定?,typescript,angular,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.
<label>Equipment Type</label><br />
<select class="form-control">
<option *ngFor="#equi of EquipTypeDropDown" [value]="equi.key">{{equi.value}}</option>
</select>
设备类型
{{equi.value}
在组件中,我希望它的值在equitypeselectedvalue变量中
请引导我。
谢谢。对于双向绑定,请添加
[(ngModel)]=“equitypeselectedvalue”
:
设备类型
{{equi.value}
我会在V1.2.x中这样做,这可能会解决您的问题:
<select class="form-control" ng-model="value">
<option ng-repeat="equi in EquipTypeDropDown track by $index" >
{{equi.value}}</option>
</select>
{{equi.value}
我希望它也能在2.0.0中工作。请提供一个Plunker。这取决于数据的外观。似乎您没有保存。普朗克里面什么都没有。Plunker编辑器中的
New
按钮提供了angular2 TS模板。我是否需要angular2的特定版本。现在我正在使用2.0.0-beta.1*ngFor=“#equi of…”
需要更改为前面提到的*ngFor=“let equi of…”
。否则,一段时间以来没有任何相关的变化。设备类型{{equi.value}此代码适用于我。。我做得对吗?Angular2语法与A12非常不同,但是,
ng model
的概念必须存在。语法可能不同。使用ng模型
应该可以解决这个问题。
<select class="form-control" ng-model="value">
<option ng-repeat="equi in EquipTypeDropDown track by $index" >
{{equi.value}}</option>
</select>