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;

Answer 2

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

ui-select2与<select ng-options>不兼容。为获得最佳效果，请改用<option ng-repeat>。

角度和角度ui-select2：显示预选值不起作用

2 个答案: