Angularfire2 - 如何反转可观察列表

时间:2017-09-13 13:00:44

标签: angular firebase ionic2 real-time angularfire2

我使用此代码来反转列表:

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

并且我以这种方式调用了列表:

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

这对我来说(阵列被颠倒了)。 但我的问题不在这里,我的问题是当新数据推送到列表时 列表的顺序搞砸了!刷新页面后,订单再次反转。

  

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

2 个答案:

答案 0 :(得分:0)

试试这个:

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

答案 1 :(得分:0)

使用可观察数组时可以正常工作

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

不确定这是否适用于AngularFireLists