AngularJs ng-repeat 对象 orderBy 数组中的对象 ID

Question

我想通过他的特定对象“id”来订购对象ng-repeat 的结果。这个订单在一个数组中，所以我制作了这个自定义过滤器ng-repeat="line in dataObject|objectIdFilter:orderByArray"：

.filter('objectIdFilter', [function() {
    return function(inputObjet, orderArray) {
        var result = [];
        angular.forEach(orderArray, function(value) {
          result.push(inputObjet[value]);
        });
        console.log(result);
        return result;
    }
}])

这是一个基本控制器示例，其中包含对象和数组中的订单 ID：

.controller('MainCtrl', ['$scope', function($scope) {

  $scope.dataObject = {
    1: {username:'user1'},
    10: {username:'user10'},
    20: {username:'user20'},
    500: {username:'user500'}
  };

  $scope.orderByArray = [20,10,1,500];

}])

用他的 HTML：

<div ng-app="myApp">
  <div ng-controller="MainCtrl">
      <div ng-repeat="line in dataObject|objectIdFilter:orderByArray">{{line.username}}</div>
  </div>
</div>

Jsfiddle：https://jsfiddle.net/infnadanada/tLrx4uro/

所以...

• 一切正常，但我不知道是否有其他方法可以像我在不使用自定义过滤器的情况下那样订购 ng-repeat。

• 如果您在浏览器控制台中转到 Jsfiddle，您可以看到我的自定义过滤器如何返回 2 倍的结果，我不知道为什么。

PD：英语不是我的第一语言：D

谢谢

Answer 1

可能还有另一种好方法，但您可以在不使用过滤器的情况下过滤控制器内的数据。通过使用它，您可以防止 Angular 两次调用过滤器。

$scope.dataObject = {
    1: {username:'user1'},
    10: {username:'user10'},
    20: {username:'user20'},
    500: {username:'user500'}
  };
  $scope.orderByArray = [20,10,1,500];
   $scope.result = [];
  angular.forEach($scope.orderByArray, function(value) {
      $scope.result.push($scope.dataObject[value]);
  });
}]);

模板内部

<div ng-app="myApp">
  <div ng-controller="MainCtrl">
      <div ng-repeat="line in result">{{line.username}}</div>
  </div>
</div>

Answer 2

其他方式：可以遍历map:https://jsfiddle.net/sherali/tLrx4uro/2/

$scope.dataObject = {
    1: {username:'user1'},
    10: {username:'user10'},
    20: {username:'user20'},
    500: {username:'user500'}
  };
  $scope.orderByArray = [20,10,1,500];
  $scope.result = $scope.orderByArray.map(function(value){
      return $scope.dataObject[value];
  });