[Solved] Ionic5/Angular – Error trying to diff ‘[object Object]’. Only arrays and iterables are allowed

by


I’d try something like this,

As long as the querySnapshot returns array of storedData without any nested objects, you can set it directly if not you have to read it through the correct entry from the response structure and read the values from the list accordingly in your HTML template

fetchBookings() {
    this.afs
      .collection('user')
      .doc(this.userId)
      .collection('BookingHistory')
      .get()
      .subscribe((querySnapshot) => {
        querySnapshot.forEach((doc) => { // or you can remove this forEach() and set the querySnapshot (if it returns an array of storedData) directly 
          console.log(doc.id, ' => ', doc.data());
          this.storedData.push(doc);
        });
      });
  }
}

solved Ionic5/Angular – Error trying to diff ‘[object Object]’. Only arrays and iterables are allowed