2017-02-20 3 views
0

so habe ich diesen Code:angular2 + wie <select> mit [Wert] verwenden und [ausgewählt]

<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> 

und einer meiner Szenen hat eine selected.true, scheint einfach genug, aber ich kann nicht bekommen das Dropdown-Menü, um den Artikel auszuwählen, den ich brauche.

Nun, wenn ich meine [Wert] = "" entfernen, funktioniert meine Auswahl, aber ich bekomme die ID nicht in event.target.value, und ich brauche die ID an mich zurückgegeben, nicht die Zeichenfolge die Shows in der Benutzeroberfläche.

Grüße

Sean

+1

Funktioniert für mich: http://pnnr.co/edit/J6YezDkquwe4xNMPG0rc?p=preview&open=app%2Fapp.component.ts – acdcjunior

Antwort

0

dies löste es

<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> 

beide [ausgewählt] hinzuzufügen hatte sowie ngModel, sonst Auswahl arbeiten nicht.

Verwandte Themen