javascript - 反转 ng-repeat 顺序，迭代 Angel Fire 数组

Question

作为 Angular 和 Firebase 的新手，AngleFire 自然会给我带来麻烦。我正在使用 ng-repeat 迭代同步数组，并且我想反转它显示的顺序。我已经尝试过'|以及它的变体，在 FireBase 端对数组进行排序，并将数组复制到仅限本地的数组中，然后反转它；其中的事情比我现在能记得的还要多。

JS向数组添加数据

ctrl.go = function() {
  console.log(ctrl.localArray);
  ctrl.localArray.$add(
    {
      name: ctrl.name,
      content: ctrl.content,
      time: new Date().getTime(),
    }
  );
  console.log(ctrl.localArray);

带有 ng-repeat 的 HTML

  <span ng-repeat="localArray in ctrl.localArray">
        {{localArray.content}}<br>
        <p class="right">- {{localArray.name}} at {{localArray.time | date : "MMM d, h:mm a"}}</p>
  </span>

需要做什么才能使 ng-repeat 显示反转到原来的样子？

解决方案:

<span ng-repeat="localArray in ctrl.localArray.reverse()">

Answer 1

您可以使用Array.prototype.reverse直接在模板中使用方法:

<span ng-repeat="localArray in ctrl.localArray.reverse()">
    {{localArray.content}}<br>
    <p class="right">- {{localArray.name}} at {{localArray.time | date : "MMM d, h:mm a"}}</p>
</span>

或者您可以在将数组传递给 HTML 之前在 Controller 中执行此操作。