Read document from AngularFireStore

Question

i'm so new in firebase, so i need some very basic help.

I have collection "Users" in firestore, whene i have documents with key (user id) and every document have some fields.

In my component i have variable userData: Observable<any[]>

After user login i want find his id in documents and get his info to userData variable.

  ...
  .then(user => {
    this.authState = user;

    // Here i want get user data and set it to my variable
    this.userData = this.afs.collection('Users').document(user.uid);


    this.router.navigate(['/']);
  })

But obviously, this is does not work. I will be gratfull for any help or tips with my question, thanks&

James Daniels · Accepted Answer · 2018-03-19 21:49:01Z

1

Rather than doing all of this in the .then after the login Promise; map the AngularFireAuth's authState observable in your init.

this.userData = this.afAuth.authState
  .switchMap { user => user ? this.afs.document("Users/${user.uid}").valueChanges() : of(null) }

So now that we have an Observable of the current user's data over time or null.

answered Mar 19, 2018 at 21:49

James Daniels

6,9815 gold badges27 silver badges28 bronze badges

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

Collectives™ on Stack Overflow

Read document from AngularFireStore

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