重新排序 AngularJS ui-select 多个中的 selected 项目

Question

是否可以自动重新排序 AngularJS ui-select 中的 select 类型的多个项目？

这里是代码示例，ui-select github

上还有更多

<ui-select multiple ng-model="ctrl.multipleDemo.colors" theme="bootstrap" ng-disabled="ctrl.disabled" close-on-select="false" style="width: 300px;" title="Choose a color">
<ui-select-match placeholder="Select colors...">{{$item}}</ui-select-match>
<ui-select-choices repeat="color in ctrl.availableColors | filter:$select.search">
  {{color}}
</ui-select-choices>

这是其行为的屏幕截图：

我想要的是 selected 物品重新订购：即使当我 selected 物品时，我先 selected 黄色，然后绿色，然后蓝色，我希望它是蓝色、绿色、黄色。

我看到了一个名为 sortable="true" 的属性，但它似乎没有达到我的预期。

Answer 1

尝试添加 on-select="$select.selected.sort()":

<ui-select multiple 
         ng-model="ctrl.multipleDemo.colors" 
         on-select="$select.selected.sort()"
         theme="bootstrap" 
         ng-disabled="ctrl.disabled" 
         close-on-select="false" 
         style="width: 300px;" 
         title="Choose a color">
  <ui-select-match placeholder="Select colors...">{{$item}}</ui-select-match>
  <ui-select-choices repeat="color in ctrl.availableColors | filter:$select.search">
    {{color}}
  </ui-select-choices>
</ui-select>

更新的插件：http://plnkr.co/edit/Bms3pDdn6XnS2b7gsyQ5?p=preview

重新排序 AngularJS ui-select 多个中的 selected 项目

Reorder the selected items in AngularJS ui-select multiple

javascript

angularjs

angular-ui-select