angular & ui-select2: Vorgewählter Wert funktioniert nicht

Question

Bei Verwendung von ui-select2 (https://github.com/angular-ui/ui-select2) wird die vorgewählte Option nicht richtig angezeigt.

Ich habe eine plunkr: http://plnkr.co/edit/Ek86jUciPo7rgBnbKdFc

Wenn die Seite geladen wird, wird das Modell des Auswahl auf die zweite Option. Und irgendwie ist es in der Auswahlbox richtig eingestellt, siehe: https://dl.dropboxusercontent.com/u/1004639/stackoverflow/screenshot-select2.png. Der Wert wird jedoch nicht über dem Textfeld angezeigt. Oder in der Auswahlbox, wenn das Auswahlfeld geschlossen ist.

PS: Ich habe es ohne ng-Optionen versucht. Gleiches Problem.

Answer 1

Ich kann es mit ng-repeat und ng-selected arbeiten. Wenn Sie jedoch ng-repeat verwenden, können Sie leider nur an eine Zeichenkette binden. Es ist nicht ideal, aber die Wahl beginnt bereits vorausgewählt.

Hier ist ein Arbeits http://plnkr.co/edit/jodn35fvUQpdD2d5BpoC

<select ui-select2="" ng-model="selectedId" > 
    <option value="">Choose...</option> 
    <option ng-repeat="option in options" value="{{option.id}}" ng-selected="{{option.id == selectedId}}">{{option.name}}</option> 
    </select> 

Und ich die JS aktualisiert, um diese Zeile hinzufügen:

$scope.selectedId = $scope.selected.id; 

Answer 2

https://github.com/angular-ui/ui-select2#working-with-dynamic-options

ui-select2 ist unvereinbar mit <select ng-options>. Für die besten Ergebnisse verwenden Sie stattdessen <option ng-repeat>.