CODEWITHSUNDEEP
angularfirebasefirebase-realtime-databaseangularfire2
Volodymyr Humeniuk
Volodymyr Humeniuk

Reputation: 3791

Can't get object values from Firebase

In Angular 5 + Firebase (AngularFire) project i have service Current, where i get current user data from Firebase RDB:

  export class CurrentService {

  public current;

  constructor(
    private authFb: AngularFireAuth,
    private db: AngularFireDatabase
  ) {
    this.isLoggedIn().pipe(
      tap(user => {
        if (user) {
          this.current = this.db.object(`users/${user.uid}`)
          .valueChanges()
        } else {
          this.current = null;
          console.log("no")
        }
      })
    )
    .subscribe()
  }

  isLoggedIn() {
    return this.authFb.authState.pipe(first())
  }
}

And in view i want bind current values:

{{ currService.current?.username }}

But its return null. What is strange, becouse when i bind {{ (currService.current | async) | json }} its return full object with fields and values in json format. What i did wrong?

Upvotes: 0

Views: 111

Answers (1)

Poul Kruijt
Poul Kruijt

Reputation: 71911

You have to use the async pipe as well:

{{ (currService.current | async)?.username }}

Upvotes: 1

Related Questions