jquery-select2 - 角度和 ui-select2 : showing preselected value doesn't work

Question

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

我创建了一个 plunkr:http://plnkr.co/edit/Ek86jUciPo7rgBnbKdFc

页面加载时，select的model设置为第二个选项。不知何故，它在选择框中正确设置，请参阅:https://dl.dropboxusercontent.com/u/1004639/stackoverflow/screenshot-select2.png .但该值未显示在文本框上方。或在“选择框”关闭时，在选择框中。

PS:我在没有 ng-options 的情况下尝试过。同样的问题。

Answer 1

我可以使用 ng-repeat 和 ng-selected 让它工作。然而不幸的是，当你使用 ng-repeat 时，你只能绑定(bind)到一个字符串。这并不理想，但选择确实开始预先选择。

这是一个有效的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;