5

使用 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 的情况下尝试过。同样的问题。

4

2 回答 2

7

我可以使用 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;
于 2013-09-17T01:05:36.637 回答
1

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

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

于 2014-01-27T10:28:05.037 回答