AngularFire2 RealTime DataBase sort by date value

Question

My Service

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

My Component

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

HTML

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

Question

This is how I am currently getting my activity from Firebase RealTime Database. where and how is the best way to modify this to sort by the created value.

Edgar · Accepted Answer · 2018-07-02 18:55:49Z

1

change service to

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 );
    });
}

answered Jul 2, 2018 at 18:55

Edgar

263 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sachila Ranawaka · Accepted Answer · 2018-07-02 18:34:19Z

1

Sort it after subscribe.

getActivity() {
    this.activityService.ActivityList.subscribe(activity => {
        this.activity = activity.sort((a, b) => a.create - b.create );;
    });
}

edited Jul 2, 2018 at 18:34

answered Jul 2, 2018 at 17:49

Sachila Ranawaka

41.6k8 gold badges62 silver badges87 bronze badges

5 Comments

Omar Over a year ago

working on solving this now changes.map(...).do is not a function

Omar Over a year ago

this is not working. Im trying different variations of this.

dlcardozo Over a year ago

just adding my 2 cents, add that sort that sachila wrote in a pipe to have that functionality in other places without adding more code.

Omar Over a year ago

ERROR TypeError: list.sort is not a function .... also trying the pipe

Sachila Ranawaka Over a year ago

grrr, do operator should work. Ok i guess u have to sort it inide the subscribe, check the update

Collectives™ on Stack Overflow

AngularFire2 RealTime DataBase sort by date value

My Service

My Component

HTML

Question

2 Answers 2

Comments

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

My Service

My Component

HTML

Question

2 Answers 2

Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related