angolare e ui-select2: visualizzazione del valore preselezionato non funziona

Question

Quando si utilizza ui-select2 (https://github.com/angular-ui/ui-select2), l'opzione preselezionata non viene visualizzata correttamente.

ho creato un plunkr: http://plnkr.co/edit/Ek86jUciPo7rgBnbKdFc

Quando la pagina viene caricata, il modello del Select è impostato la seconda opzione. E in qualche modo, è impostato correttamente nella casella di selezione, vedi: https://dl.dropboxusercontent.com/u/1004639/stackoverflow/screenshot-select2.png. Ma il valore non è mostrato sopra la casella di testo. O nella casella di selezione quando la casella di selezione è chiusa.

PS: l'ho provato senza ng-opzioni. Stesso problema.

Answer 1

Posso farlo funzionare utilizzando ng-repeat e ng-selected. Sfortunatamente, però, quando usi ng-repeat, puoi solo legare a una stringa. Non è l'ideale, ma la scelta inizia preselezionata.

Ecco un lavoro 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> 

E ho aggiornato il JS aggiungere questa riga:

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

Answer 2

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

ui-select2 è incompatibile con <select ng-options>. Per i migliori risultati utilizzare invece <option ng-repeat>.