Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/30.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Typescript Angualr2:如何为select执行双向数据绑定?_Typescript_Angular - Fatal编程技术网

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

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.

我使用的是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>
设备类型
{{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>