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

Question

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

我创建了一个plunkr: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;