angularfire2 sort list by child value

Question

I have my firebase db like this

    "students" : {
        "-LDD0MIigieZQ3Fcaj1Z" : {
          "ContactNo" : "0752155466",
          "Email" : "[email protected]",
          "FirstName" : "Ishana",
          "Gender" : "Female",
          "LastName" : "Dahanayake",
          "Password" : "1234",
          "score" : 6
        },
        "-LDD0ceFiy2RI1avfMWA" : {
          "ContactNo" : "0752155466",
          "Email" : "[email protected]",
          "FirstName" : "Ruwan",
          "Gender" : "Male",
          "LastName" : "Perera",
          "Password" : "1234",
          "score" : 1
        }
      }

I need to sort these students by score

i tried like this

    let ref = this.afDB.list('/students',ref=>ref.orderByChild('score')).snapshotChanges()
        .map(changes =>{
          return changes.map(c=> ({key:c.payload.key,...c.payload.val()}));
        });
    
        return ref;

but its not changing the order according to the score value.How can i sort these values?

this link may help you "stackoverflow.com/questions/35158817/angular-2-orderby-pipe" — Soumya B. Athani
– Soumya B. Athani, Commented May 24, 2018 at 5:03
@Chellappan V It's not working is this because snapshot changes thing?? — LVW23
– LVW23, Commented May 24, 2018 at 5:33
no still you can use snapshot changes i will share sample code check that out — Chellappan வ
– Chellappan வ, Commented May 24, 2018 at 5:38

raaaay · Accepted Answer · 2020-11-16 12:04:21Z

1

If this code you wrote :

    let ref = this.afDB.list('/students',ref=>ref.orderByChild('score')).snapshotChanges()
        .map(changes =>{
          return changes.map(c=> ({key:c.payload.key,...c.payload.val()}));
        });
    
        return ref;

returns you values you need to sort, i would just add return ref.sort();

edited Nov 16, 2020 at 12:04

raaaay

5627 silver badges14 bronze badges

answered May 24, 2018 at 11:18

josip

1672 silver badges12 bronze badges

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

1 Comment

LVW23 Over a year ago

Yes it is working thing is when we need to sort by a number uploading value should be a number.Not a string.That's it

Collectives™ on Stack Overflow

angularfire2 sort list by child value

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related