angular2 +如何使用<select>爲[value]，並設置[選擇]

Question

所以我有這樣的代碼：

<select #sceneSelection (change)="_onSceneSelectionChanged($event.target.value)"formControlName="sceneSelection"> 
      <option [selected]="scene.selected" [value]="scene.sceneId" *ngFor="let scene of m_sceneSelection">{{scene.label}}</option> 
</select> 

和我的一個場景有selected.true，似乎很簡單，但我不能讓下拉選擇我需要的項目。

現在，如果我刪除我的[value] =「」我的選擇有效，但我不會在event.target.value中獲得ID，並且需要將ID傳回給我，而不是顯示的字符串在UI中。

問候

肖恩

Answer 1

這解決了它

<select #sceneSelection [(ngModel)]="m_sceneSeleced.id" style="height: 30px" (change)="_onSceneSelectionChanged($event.target.value)"formControlName="sceneSelection"> 
     <option [selected]="scene.selected" [value]="scene.sceneId" *ngFor="let scene of m_sceneSelection">{{scene.label}}</option> 
</select> 

必須同時添加[選擇]以及ngModel，否則選擇沒有奏效。