angular2 +如何使用[select]和[value]并设置[selected]

Question

所以我有这个代码： ＆lt; select #sceneSelection（change）=“_ onSceneSelectionChanged（$ event.target.value）”formControlName =“sceneSelection”＆gt;            ＆lt; option [selected] =“scene.selected”[value] =“scene.sceneId”* ngFor =“让m_sceneSelection的场景”＆gt; {{scene.label}}＆lt; / option＆gt;  ＆LT; /选择＆GT; 我的一个场景有一个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>

必须同时添加[selected]和ngModel，否则选择不起作用。