Angualr2: Как сделать двустороннюю привязку данных для выбора?

Question

Я использую угловую версию 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 переменной.

Прошу вас, руководствоваться. Спасибо.

Answer 1

Для двухстороннего связывания добавить [(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> 

Answer 2

Я бы сделал это таким образом в об 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 тоже.