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

【问题标题】：angular & ui-select2: showing preselected value doesn't work角度和 ui-select2：显示预选值不起作用
【发布时间】：2013-06-04 08:45:36
【问题描述】：

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

【问题讨论】：

标签： jquery-select2 angular-ui

【解决方案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;

【讨论】：

【解决方案2】：

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

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

【讨论】：