angular＆ui-select2：あらかじめ選択された値が表示されない場合

Question

ui-select2（https://github.com/angular-ui/ui-select2）を使用すると、事前選択されたオプションが正しく表示されません。

私はplunkrを作成しました：ページがロードされるとhttp://plnkr.co/edit/Ek86jUciPo7rgBnbKdFc

、選択のモデルは、第二のオプションに設定されています。そして、どういうわけか、選択ボックスに正しく設定されています。https://dl.dropboxusercontent.com/u/1004639/stackoverflow/screenshot-select2.pngを参照してください。しかし、値はテキストボックスの上に表示されません。または、選択ボックスが閉じられている場合は、選択ボックスで選択します。

PS：ng-optionsなしで試しました。同じ問題。

Answer 1

ng-repeatとng-selectedを使用して動作させることができます。残念ながら、ng-repeatを使用すると、文字列にしかバインドできません。理想的ではありませんが、選択は事前に選択されています。

はここで働いて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> 

だと私は、この行を追加するJSを更新：

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

Answer 2

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

UI-SELECT2は<select ng-options>と互換性がありません。最良の結果を得るには、代わりに<option ng-repeat>を使用してください。