我想从Firebase数据库中检索所有用户名到我的Ionic项目中

时间:2018-06-21 18:37:50

标签: firebase ionic-framework firebase-realtime-database ionic3

这是我的数据库的外观。我希望能够获取数据库中当前存在的所有名称,并以列表形式在项目中显示它们。

Profile
  |
  |_ poTXrbBlRmZVCulutiHYBp3lj5D2
  |       |
  |       |_ Name :
  |       |
  |       |_ Email :
  |
  |_ hn3ds4hdsbBlRmpVCulutiHYBH3lj
  |       |
  |       |_ Name :
  |       |
  |       |_ Phone :

这是我的home.ts文件代码。我想在.html文件

中将用户列表显示为输出
import { Component } from '@angular/core';
import { NavController, NavParams } from 'ionic-angular';
import { AngularFireAuth } from 'angularfire2/auth';
import { AngularFireDatabase } from 'angularfire2/database';

@Component({
  selector: 'page-main',
  templateUrl: 'main.html',
})
export class MainPage {

userId : string = "";


  constructor( public fire: AngularFireAuth, public navCtrl: NavController, 
  public db: AngularFireDatabase, public navParams: NavParams ) {
      this.userId = fire.auth.currentUser.uid;
  }

  ionViewDidLoad() {
    console.log('ionViewDidLoad MainPage');

  }

}

1 个答案:

答案 0 :(得分:0)

要获取名称列表,您可以提取保存在数据库中的整个对象列表,并将它们放入.ts文件中的数组中。

var change2 = (from r in context.Regions where r.RegionDescription == "East" select r).ToList();

使用数组,您可以引用与配置文件关联的名称,并将其显示在.html文件中。

profiles:any = [];

this.db.list('Profile').valueChanges().take(1).subscribe(res => {

this.profiles = res;

});