angular & ui-select2:显示预选值不起作用

Question

使用ui-select2 (https://github.com/angular-ui/ui-select2)时，预选的选项不会正确显示。

我创建了一个柱塞：http://plnkr.co/edit/Ek86jUciPo7rgBnbKdFc

加载页面时，select的模型将设置为第二个选项。不知何故，它在选择框中被正确设置，请参见：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>。