Getting the data of nested collections in angular 12

Question

I am making my first angular/Firestore app and I am having some trouble understanding how to retrieve data in nested collections. My Firestore dB path I want to read from is here:

/Customer(CollectionName)/cl0Apvalb6c0w9hltQ8AOTF4go23(userUIDby)/Order(subcollectionName)/7WqHl5YUKPszkRELXEI2(auto-id)

So Customer is a collectionName, cl0Apvalb6c0w9hltQ8AOTF4go23(USERUID) is a USER-UID for a user. Authentication, Order another collectionName, and 7WqHl5YUKPszkRELXEI2 is an auto-id for an added order.

In this each user can GET its own data but as Admin I want to get to see all user data.

I want All FIRESTORE data of users to display on angular as I am making an admin panel in angular 12.

export class OrderlistsService {

    itemsCollection!: AngularFirestoreCollection<Item>;

    items!: Observable<Item[]>;

    itemDoc!: AngularFirestoreDocument<Item>;

    constructor(private firestore: AngularFirestore) {}

    getOrdersItems() {
       return this.firestore.collection<Item>('customer').valueChanges();
    }}

Frank van Puffelen · Accepted Answer · 2021-08-30 14:35:32Z

3

If you want to load the orders from all users, you're looking for a collection group query. In AngularFire that'd be:

this.firestore.collectionGroup<Item>('Order').valueChanges();

This reads the documents from all subcollections named Order, no matter where they exist in your database.

answered Aug 30, 2021 at 14:35

Frank van Puffelen

603k85 gold badges896 silver badges869 bronze badges

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

Collectives™ on Stack Overflow

Getting the data of nested collections in angular 12

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