angularjs – Angular UI select2 – 如何停止自动排序?

前端之家收集整理的这篇文章主要介绍了angularjs – Angular UI select2 – 如何停止自动排序?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
以下数据通过 Angular UI附于 select2:( Live example here)

JS:

$scope.items = [
  {id: 1,text: 'elephant'},{id: 2,text: 'desk'},{id: 3,text: 'car'},{id: 4,text: 'boat'},{id: 5,text: 'apple'}
];
$scope.selected = [];

HTML:

<select ui-select2 
        multiple 
        ng-model="selected" 
        data-placeholder="Please select..." 
        style="width:200px">
  <option></option>
  <option ng-repeat="item in items" value="{{item.id}}">{{item.text}}</option>
</select>

但是,每次选择项目时,它都会按ID对所选项目进行排序.例如,如果您选择“apple”然后选择“boat”,则所选项目将为“boat”和“apple”(按此顺序!).

我怎样才能保留订单并禁用此自动排序?

@H_403_26@解决方法
如果您使用ng-options而不是对每个项目执行ng-repeat看起来它保留了订单,如 here所示

您所要做的就是删除此行:

<option ng-repeat="item in items" value="{{item.id}}">{{item.text}}</option>

然后在您的代码添加这样的指令:

ng-options="item.text for item in items"

这将使整个项目对象被附加到所选列表而不仅仅是ID,因此您需要将其考虑在内.

猜你在找的Angularjs相关文章