Get value from Firebase Database Object

Question

I'm simply trying to get a username value from my firebase database and display it in a console log statement but I am having trouble doing this. This is what I have so far.

Right now all it is doing is getting the object and not the actual child value. How do I get the child value so then it can be displayed.

getUsername.ts

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams} from 'ionic-angular';
import { AngularFireAuth } from 'angularfire2/auth';
import { AngularFireDatabase, FirebaseObjectObservable, FirebaseListObservable  } from 'angularfire2/database';

@IonicPage()
@Component({
  selector: 'page-profile-setup',
  templateUrl: 'profile-setup.html',
})
export class ProfileSetupPage {
  profileData: FirebaseObjectObservable<Profile>

  constructor(private afAuth: AngularFireAuth, private afDatabase: AngularFireDatabase) {

  showUsername($event) {
    let data = this.profileData = this.afDatabase.object(`profile/`)
    console.log(data.username);
  }
 }
}

You will need to somehow use the ID of the object to locate the username. This is unavoidable. You can either add it to the query, or use it when reaching into the object. — Doug Stevenson
– Doug Stevenson, Commented Jan 14, 2018 at 21:17
okay so if I add profile/WhateverIDIs how would I get the actual username value? — jrocc
– jrocc, Commented Jan 14, 2018 at 21:24
Perform the query and log its results. It should be evident how to find the fields you're looking for. I don't work with Angular at all so I don't know the specifics. — Doug Stevenson
– Doug Stevenson, Commented Jan 14, 2018 at 21:34

jrocc · Accepted Answer · 2018-01-16 05:44:38Z

1

You have to subscribe to the data first and put it in a object to use the data.

answered Jan 16, 2018 at 5:44

jrocc

1,3362 gold badges20 silver badges51 bronze badges

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

Comments

gurkan · Accepted Answer · 2021-06-04 05:12:29Z

0

Define model(interface) named user(username, age) and import in getUsername.ts. And also you need to pass the unique userid as the argument.

showUsername($event) {
    let data = this.afDatabase.object(`profile/`+<string>userid);
    data.valuechanges().subscribe( user => console.log(user.username));
  }

edited Jun 4, 2021 at 5:12

gurkan

1,4707 gold badges20 silver badges29 bronze badges

answered Jun 3, 2021 at 12:15

kishore-17

1

Collectives™ on Stack Overflow

Get value from Firebase Database Object

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related