为什么 orderby 过滤器不起作用？

Question

我正在应用“orderby”过滤器，但它不起作用。我从一个我仔细检查过的 API 获取数据，这是肯定的。但过滤器不起作用。

 <div class="filter-container">
      <select class="form-control" ng-model="userOrder">
         <option value="0">No</option>
         <option value="1">Yes</option>
      </select>
 </div>

 <tr class="odd" ng-repeat="user in allusers | filter: query1 | filter: query2 | filter: query3 | filter: query4 | filter: query5 | orderBy: userOrder">       
     <td>
         <span ng-if="user.superuser==1">Yes</span>
         <span ng-if="user.superuser==0">No</span>
     </td>      
     <td>
         <span ng-if="user.status==0">Not active</span>
         <span ng-if="user.status==1">Active</span>
         <span ng-if="user.status==-1">Banned</span>
     </td>            
 </tr>

我的控制器：

$scope.user = function () {
    $http.get('http://event/users/users/')
        .success(function (data) {
            $scope.allusers = data;
            console.log("all users data coming in user function");                   
        })
        .error(function (data) {
            console.log('error');
        });
};

Answer 1

我假设您尝试通过user 对象的superuser 属性进行订购。

你应该这样做：

orderBy : "superuser"

如果您希望您的选择框控制是按降序还是升序排序，请执行以下操作：

<select class="form-control" ng-model="sortReversed">
       <option value="False">No</option>
       <option value="True">Yes</option>
</select>

...

orderBy : "superuser" : sortReversed

希望对你有帮助

Answer 2

如果你有allusers，你需要传递数组的元素，如下所示。那么userOrder 应该是name 或lastname

https://docs.angularjs.org/api/ng/filter/orderBy为您提供更多帮助。

用波纹管改变你的下拉菜单并尝试。

<select class="form-control" ng-model="userOrder">
     <option value="username">Username</option>
     <option value="email">Email</option>     
</select>