Question

如何对{select}中的选项进行排序：

<select ng-options="value as name for (value,name) in vm.options" ng-model="vm.selected">

当vm.options是一个对象时（我想按值排序）？

上下文：在某些时候，我需要添加一个显式空选项“”作为有效值。我希望它成为列表中的第一个，但由于Javascript中的对象如何工作，我无法让它合作。

Answer 1

您可以通过以下方式实现

<select ng-options="option.value as option.name for option in vm.options | orderBy:'value'" ng-model="vm.selected"></select>

如果你想添加空选项，例如＆＃39;选择＆＃39;那么

<select ng-options="option.value as option.name for option in vm.options | orderBy:'value'" ng-model="vm.selected">
    <option value="" selected>Select</option>
</select>

请参阅以下链接

'orderBy' in AngularJs

AngularJS：对作为对象的ng-options进行排序

1 个答案: