limitTo(angularjs) 或 limitToFirst(firebase) 不能按预期工作

Question

我正在尝试显示最新的广告，我将一些广告保存到 Firebase 并希望显示最后添加的广告，它们与时间戳属性一起存储。

如果我创建没有 limitTo 的 ng-repeat，它会按预期工作，但是当我使用 limitTo 甚至 limitToFirst 时，它不会'没有按预期工作，它正确显示了我将在开始时显示的项目数量，但它跳过了其中一些，当我单击加载更多按钮时，它会加载更多广告并显示应该在那里的广告开始。

请注意，它应该显示两个日期为 27th oct 的广告，但它只显示一个。

这里有一个带有演示的 plunkr： https://plnkr.co/edit/Ae8rlbD8Uob5TrAHrivz?p=preview

app.controller('publicCtrl', function($scope, $firebaseArray) {
  $scope.loadmore = 6;
  $scope.latest = "-Addate";
  var listads = new Firebase("https://milocal.firebaseio.com/Users/Ovalle");
  $scope.listads = $firebaseArray(listads);

  $scope.loadmoreads = function(){
    //console.log("Cargando anuncios");
    $scope.loadmore += 2;
    $scope.listads = $firebaseArray(listads);
    console.log($scope.loadmore);
  }

});

在 HTML 中：

ng-repeat="ads in filteredAds = (listads | limitTo: loadmore | orderBy: latest)"

希望有人能解释我做错了什么。

谢谢。

Answer 1

我把你的 Plunkr 改成了这样：

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

app.controller('publicCtrl', function($scope, $firebaseArray) {
  $scope.loadmore = 1;
  $scope.latest = "-Addate";
  var listads = new Firebase("https://milocal.firebaseio.com/Users/Ovalle");
  var query = listads.orderByChild("-Addate").limitToFirst($scope.loadmore);
  $scope.listads = $firebaseArray(query);

  $scope.loadmoreads = function(){
    $scope.loadmore += 2;
    var query = listads.orderByChild("-Addate").limitToFirst($scope.loadmore);
    $scope.listads = $firebaseArray(query);
  }

});

它最初加载 2 个项目。然后，当您单击“加载更多”按钮时，它会加载 4。然后是 6，等等。

更新/分叉 plunkr：https://plnkr.co/edit/MUMerL?p=preview