Return a sub-collection in firebase using Angular firestore

Question

I have a sub-collection called saved as a nested collection to each user. User has its own fields and a collection of saved which contains two fields and an array. I can display only user fields but i don't know a proper way to access each user sub-collection.

 export class SavedComponent implements OnInit{
  public saved: Saved[];
  public currentUser: any = null;
  public user: User;
  private subscriptions: Subscription[] = [];

  constructor(

    // Adding saved service
    private savedService: SavedService,
    private auth: AuthService,
    private loadingService: LoadingService,
    private route: ActivatedRoute,
    private db: AngularFirestore
  ) {
    // this.loadingService.isLoading.next(true);
}

    this.subscriptions.push(
      this.auth.currentUser.subscribe( user => {
        this.currentUser = user;
        this.loadingService.isLoading.next(false);
        // Console log the current authentiucated user 
        console.log(this.currentUser);
      })
    );

    this.subscriptions.push(
      this.route.paramMap.subscribe( params => {
        const userId = params.get('userId');
        const userRef: AngularFirestoreDocument<User> = this.db.doc(`users/${userId}`);
        userRef.valueChanges().subscribe(user => this.user = user);
      })
    )


   // Example of html template

    <div class="row justify-content-center">
        <div class="col-xs-12 col-sm-8 col-md-6 text-center name">
            {{user?.firstName}} {{user?.lastName}}
        </div>
    </div>

i have created a service where i want to access the collection. Since i am new to Angular i probably make some newbie mistakes. I am trying to figure why is says userId cannot be found in savedService since i have implemented my auth service and user observable. For example i am trying to write the code in savedService that will return saved collection fields for each user. — Man H
– Man H, Commented Oct 25, 2019 at 10:33
Something seems unclear: you can access user fields, meaning your query for a user's document using a userId works, but you cannot query a user's subcollection and it throws an error about the userId that cannot be found? Also provide the code that you use in your savedService. — ddworks
– ddworks, Commented Oct 28, 2019 at 18:39

ddworks · Accepted Answer · 2019-10-24 19:20:43Z

1

As Frank van Puffelen commented, your best bet to access a user's subcollection is

    this.db.collection(`users/${userId}/saved`)

To reach your saved subcollection, you need to first access your user document inside your users collection. As per this Firestore document, a query's structure to access a subcollection's document, you alternate between accessing a collection, then a document, and so on to reach a subcollection, or a subcollection's document.

You cannot reference a collection in a collection or a document in a document.

It is important that you specify this.db.collection for a collection or subcollection, and this.db.doc for a collection's or subcollection's documents.

answered Oct 24, 2019 at 19:20

ddworks

1547 bronze badges

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

1 Comment

Man H Over a year ago

I get cannot be found on userId, read my comment on Mr Frank comment. Thanks

Collectives™ on Stack Overflow

Return a sub-collection in firebase using Angular firestore

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