How to retrieve firebase database values into List using AngularFire

Question

Here is the structure of my firebase database:

I am trying to retrieve a list of names only to send it via email by clicking a button.

The code I have so far:

  toemail(){
this.db.list('profiles').snapshotChanges().subscribe(
  res => {
    res.forEach(doc => {
      this.people.push(doc.payload.val());
    });
  });
  console.log(this.people);
}

This code adds all data (email, game, name) to the people list. How could I modify it to add only names of people who has game=1 to people list?

Thank you

Kisinga · Accepted Answer · 2018-12-03 20:12:11Z

I suggest you use start by creating a model for your data, as this will really help in keeping your code clean and readable as well as take advantage of linting Here is some modified code that might help

          toemail() {
            this.db.list('profiles').snapshotChanges().subscribe(
              res => {
                this.people = []; //Reset the array every time data changes
                this.people = res.filter(doc => {
                  let person = doc.payload.val() as Person; 
//Person is the data model. Although you can omit this part if you wish and the code will still work
                  return person.game === 1;
                });
              });
            console.log(this.people);
           }

Filter function takes an array as an input and returns a new array after looping through each entity, and only adds the entity to the new array if it satisfies a certain condition In your case, if person.game ===1 the entity is added

Collectives™ on Stack Overflow

How to retrieve firebase database values into List using AngularFire

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related