AngularFire2 RealTime数据库按日期值排序

时间:2018-07-02 17:45:16

标签: javascript angular firebase firebase-realtime-database angularfire

我的服务

get ActivityList():any {
    return this.activityList.snapshotChanges().map(changes => {
        return changes.map(c => ({ 
            key: c.payload.key, ...c.payload.val();
        }));
    });
}

我的组件

getActivity() {
    this.activityService.ActivityList.subscribe(activity => {
        this.activity = activity;
    });
}

HTML

<div *ngFor="let item of activity">
    {{item.created|date:'medium'}}
</div>

问题

这是我目前如何从Firebase RealTime数据库获取活动的方式。修改此内容以按created值排序的最佳方法是在哪里以及如何进行。

2 个答案:

答案 0 :(得分:1)

订阅后将其排序。

multi: true

答案 1 :(得分:1)

将服务更改为

get ActivityList():any {
    return this.activityList.snapshotChanges().map(changes => {
        return changes.map(c => ({ key: c.payload.key, ...c.payload.val() })).sort((a, b) => b.created - a.created );
    });
}