角序下拉选择列表

Question

如何使用角度在选择下拉列表中排序？

这是角度控制器：

var app = angular.module("app", []);

app.controller('Ctrl', function($scope, $filter, $http) {

    $scope.options= [
                  {
                    "id": 823,
                    "value": "81"
                  },
                  {
                    "id": 824,
                    "value": "77"
                  },
                  {
                    "id": 825,
                    "value": "152"
                  },         
                ];   

    });

和html：

<h4>Angular-xeditable Editable row (Bootstrap 3)</h4>
<div ng-app="app" ng-controller="Ctrl">    
   <select ng-model="test" ng-options="v.id as v.value for v in options | orderBy: value"></select>
</div>

现在命令是: 81，77,152

我想要: 77,81,152

我怎么能做到呢？

小提琴手测试

谢谢

Answer 1

您需要将单引号放在orderBy中字段的名称周围。orderBy的第一个参数是一个排序表达式字符串。

in options | orderBy:'value'

您可以通过在字段名之前添加一个+或-来扩展这一点，以指示初始的排序方向。还可以在排序表达式之后提供一个布尔值，以启用排序方向的切换。

<div ng-init="desc=true">
...
in options | orderBy:'+value':desc