代码之家 › 专栏 › 技术社区 › Tree55Topz

从FireBase检索用户信息并在应用程序中显示

firebase-realtime-database ionic-framework firebase angular

Tree55Topz · 技术社区 · 7 年前

import { Component, OnInit, ViewChild } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { HomePage from '../../../pages/home/home';
import { AngularFireDatabase } from 'angularfire2/database';
import { Profile } from '../../../models/profile';
import { AngularFireAuth } from 'angularfire2/auth';


@Component({
  selector: 'page-profile',
  templateUrl: 'profile.html',
})
export class ProfilePage implements OnInit {

  name: string = "";
  hometown: string = "";

  constructor(private afDatabase: AngularFireDatabase, private afAuth: AngularFireAuth, public navCtrl: NavController, private navParams: NavParams) {

  }

  ngOnInit(){

  }

  onGoToHome(){
    this.navCtrl.push(HomePage)
  }

  retrieveUserData(){
    var userId = this.afAuth.app.auth().currentUser.uid;


  }

}

this 医生,但是语法对我不起作用。无法识别任何语法。我知道这是非常微不足道的。有人能帮我举一个清楚的例子来说明如何正确地获取和使用这些数据吗?FireBase中的表称为“配置文件”。

1 回复 | 直到 6 年前

JeremyW 7 年前

documentation here

  this.afDatabase.database.ref(`profile/${userId }`).once('value').then( userDetailsAsObject => {

    let userDetails = userDetailsAsObject.val() ? userDetailsAsObject.val() : {};
    console.log(userDetails);

  }).catch( err => { 
    console.log('Error pulling /profile table inside functionName() inside componentName.component.ts'); 
    console.log(err); 
  });

在评论中编辑每个附加问题:

profile
   |
   |--12bd02nasBD0Bd93nbD    (userID)
          |
          |--name:"John Smith"
          |
          |--hometown:"Paris, France"

12bd02nasBD0Bd93nbD 节点作为一个大对象…因此,您将以与任何其他JavaScript对象相同的方式访问该对象的属性。( dot notation or bracket notation

this.name = userDetails['name'];
this.hometown = userDetails['hometown'];

name hometown

推荐文章

TOM · 检查Firebase数据库子项是否已存在,如果不存在,添加它的最佳方法是什么?

7 月前

Guy Sadoun · 如果正在监听的引用被删除,ValueEventListener是否会继续监听?

11 月前

moco · 通过CLI向Firebase实时数据库发送有效JSON文件时出现错误400

1 年前

MN Dijital · 为什么只显示新添加的数据而不显示所有数据?

1 年前

Computable · 未验证请求的Firebase应用程序检查(RTDB)失败模式

1 年前

Harsh Master · 为android应用程序实现自动通知

1 年前

Jakub Olszewski · com.google.firebase.database.DatabaseException:无法将java.lang.Boolean类型的值转换为String这是怎么回事?

1 年前

mkty · 如何使用react中的map打印JSON数据

1 年前

Rohan Raj · 如何在函数中更改firebase实时数据库的子级值,我试过了,但不起作用。请使用kotlin

1 年前

Michel · 使用Firebase CLI选择文档

1 年前