Angularfire2 - 如何反转可观察列表答案

【问题标题】：Angularfire2 - how to Reverse the observable listAngularfire2 - 如何反转可观察列表
【发布时间】：2017-09-13 13:00:44
【问题描述】：

我正在使用此代码来反转列表：

this.items = this.db.list('/privacy').map( (array) => {return array.reverse()} ) as FirebaseListObservable<any[]>;

而 l 以这种方式调用列表：

<ion-item *ngFor="let item of items | async"> {{item.order}}</ion-item>

这对我有用（数组颠倒了）。但我的问题不在这里，我的问题是当新数据推送到列表时列表的顺序搞砸了！刷新页面后，顺序再次反转。

这是一个聊天应用程序，不是重新加载页面或重新启动应用程序的专业方式。

【问题讨论】：

您是否尝试过使用subscribe 机制而不是异步管道？

标签： angular firebase ionic2 real-time angularfire2

【解决方案1】：

试试这个：

this.db.list('/privacy',{
  query: {
    orderByChild: 'createDate' //replace with the field you want to order by
  }
  })
  .subscribe((items: any[]) =>{
    return items.reverse();
  })

【讨论】：

那很难看。管道也有问题。
管道的使用是主观的。我没有说使用管道有什么问题
@alltej 抱歉不起作用，但我不使用查询！因为我只是想扭转它
@RamadanKhaled 您是否尝试使用该查询？我认为您必须提供此信息，因为它需要知道需要退回的顺序，并且您可以选择反转它。

【解决方案2】：

这在使用可观察数组时有效

<div *ngFor="let item of (items | async).?reverse()">

不确定这是否适用于 AngularFireLists

【讨论】：