动态订购firebase的结果

Question

我是angular and firebase的新手，我想动态订购我的参赛者名单（3-way-binding）。

应用：https://shining-torch-1269.firebaseapp.com/#/看到它没有订购！

从firebase获取数据的服务代码：

app.service('ContestantsService', function ($firebaseArray, FIREBASE_URI) {
    var service = this;
    var ref = new Firebase(FIREBASE_URI);
    var contestants = $firebaseArray(ref);

    service.getContestants = function () {
        return contestants;
    };

    service.addContestant = function (contestant) {
        contestants.$add(contestant);
    };

    service.updateContestant = function (contestant) {
        contestants.$save(contestant);
    };

    service.removeContestant = function (contestant) {
        contestants.$remove(contestant);
    };
});

我已经尝试了方法var contestants = $firebaseArray(ref).orderBy('score')

有没有办法在上面的链接中看到订单列表？

Answer 1

我得到了解决方案..这里是代码中的解决方案 我基本上是一些部分，这里有一个4步解决方案。

1 orderByChild

var query = ref.orderByChild('score').limitToLast(10); // added this one
var contestants = $firebaseArray(query);

2个火焰基础规则

{
"rules": {
    ".read": true,
    ".write": true,
    ".indexOn":"score",
    "score": {
      ".indexOn": ".value"
    }
}
}

3角度过滤器用于储备

app.filter('reverse', function() {
  return function(items) {
    return items.slice().reverse();
  };
});

4使用视图中的过滤器

<tr ng-repeat="contestant in main.contestants | reverse ">