Angular ngRepeat 不保留 Firebase 优先项目的顺序？

Question

这里是 Angular 和 Firebase 的新手，但注意到查询和呈现有序数据的奇怪行为，但在其他任何地方都没有解决......

我正在将数据推送到 Firebase 并使用递减的负值设置优先级，以便最新数据位于列表顶部。

当使用child_added 事件检索引用时，我可以确认数据以正确的顺序到达；但是，当与 ngRepeat 一起使用时，数据会以某种方式反转（最新数据显示在 ngRepeat 列表的底部）。

如果我使用.append() 之类的东西，则数据是正确排序的。但宁愿使用 ngRepeat 以“Angular”方式进行。

// example html binding
// ====================================
<ul>
    <li ng-repeat="(itemID, item) in list">{{itemID}}</li>
</ul>


// example controller code
// ====================================
var laApp = angular.module('laApp', ['firebase']);

laApp.controller('laAppCtrl', function ($scope, $timeout){
    var ref = new Firebase('https://ngrepeatbug.firebaseio.com');

    $scope.pushPriority = function(){
        var uid = new Date().getTime();
        var priority = 0 - uid;
        // set with -priority so newest data on top
        ref.push().setWithPriority(uid, priority);
    }

    $scope.list = {};
    ref.orderByPriority().on('child_added', function(snap){
        $timeout(function(){
            var snapID = snap.key();
            var snapVal = snap.val();

            //repeat method
            $scope.list[snapID] = snap.val();

            //append method
            $('ul.append').append("<li>" + snapVal + "</li>")
        })
    })
});

比较 ngRepeat 和 append 方法： http://codepen.io/juddam/pen/dIiLz

我读过其他解决方案，它们要么将 $scope.list 对象转换为数组，然后与 $filter 一起使用，要么在客户端反转顺序，但这违背了按优先级存储数据的整个目的，并有一个简单的方法查询和呈现有序数据。

Know orderByPriority 是 firebase v2.0 的新手，所以想知道是 bug 还是我遗漏了一些明显的东西？

Answer 1

您正在将孩子添加到对象中：

 $scope.list[snapID] = snap.val();

尽管这看起来像是在添加到数组中，但实际上是在添加到常规对象。正如@ZackArgyle 在他的评论中所说：对象中的键没有保证顺序。

如果你想保持项目的顺序，你应该把它们压入一个数组中。

 $scope.list.push(snap.val());

这会为它们添加数字索引，这将保持它们的顺序。

如果您想同时维护项目的顺序和它们的键，则必须在数组中管理它们。

 $scope.list.push({ $id: snap.key(), value: snap.val() });

最后一种方法是 AngularFire 在调用 $asArray() 时所做的极其简化的版本。