AngularFireList更改检索Order

时间:2018-05-06 12:28:42

标签: angular firebase firebase-realtime-database angularfire

我想从我的Firebase数据库中获取一些数据,我使用ngfor async列出它们,但总是最新的,但我希望它们位于顶部。

这是我的Page:

的构造函数
 <div class="aanswer" *ngFor="let myAnswers of allMyAnswers | async">

我正在列出他们:

{{1}}

我现在正在谷歌上搜索一段时间,但是找到适用于snapshotChanges和AngularFireList的解决方案。

1 个答案:

答案 0 :(得分:2)

设置反向管道将击中目标。

<强> pipe.ts

import {Pipe} from 'angular/core';

@Pipe({
  name: 'reverse',
  pure: false
})
export class ReversePipe {
  transform (v) {
    if (v) return v.reverse();

  }
}

<强> your.html

 <div class="answer" *ngFor="let myAnswers of allMyAnswers | async | reverse">

你的班级名字错了。