Angular Firestore - Get document data and assign to variable inside the component

Question

I'm using Angular Firestore to get and filter the data base on the timestamp.

The only issue is whenever I get the doc.data(), I can't assign it to a variable so that I can use this variable anywhere inside the component.

Component.ts

joinData(toData, fromData){
    let toDate = toData
    let fromDate = fromData
    console.log("valueToDate : ", toDate)
    let dateTo = new Date(toDate).getTime() / 1000;
    let dateFrom = new Date(fromDate).getTime() / 1000;
    console.log("dateTo :", dateTo)


          let collection = this.fstore.firestore.collection('data_reports').where('timestamp', '>=', dateFrom).where('timestamp', '<=', dateTo);
          collection.get().then(function(querySnapshot) {
            querySnapshot.forEach(function(doc) {
              console.log("data: ", doc.data()) // ---> this line I can get the doc.data()
              this.wilsData = doc.data();       // ---> this line the value of wilsData is undefined
              console.log("wilsData: ", this.wilsData)
            })
          }); 
    
  }

I assigned the wilsData like this:

  private wilsData: any[];

I get undefined value when I log it.

So the question is, how can I assign the doc.data() to a variable?

Thanks for your help

Peter Haddad · Accepted Answer · 2020-08-13 06:08:36Z

1

You need to initialize the array:

 private wilsData: any[] = [];

answered Aug 13, 2020 at 6:08

Peter Haddad

81.2k26 gold badges148 silver badges149 bronze badges

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

2 Comments

kendy Over a year ago

still, I can't assign it to this wilsData :(

asbovelw Over a year ago

do you get the same undefined value behaviour?

Collectives™ on Stack Overflow

Angular Firestore - Get document data and assign to variable inside the component

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related