2013-06-04 34 views
5

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

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

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

PS:我试过没有ng-options。同样的问题。

回答

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; 
+0

谢谢Charles O. – ECC