Получить данные из AngularFire2 5.0.0-rc.8 не отображаются - PullRequest
Новая
       28

Получить данные из AngularFire2 5.0.0-rc.8 не отображаются

0 голосов
/ 22 мая 2018

Во время выполнения я могу получить данные, как видно из представления Chrome Developer Tab Network Frames, но они не отображаются на консоли.Отображается предупреждение «Hello», но не предупреждение «Inside», что является странным.Любой способ решить эту проблему?

В app.module.ts: 

import { AngularFireModule } from 'angularfire2';
//import { AngularFireDatabase, FirebaseListObservable, FirebaseObjectObservable } from 'angularfire2/database-deprecated';
import { AngularFireDatabaseModule, AngularFireDatabase } from 'angularfire2/database'

const firebaseConfig = {
  apiKey: "AIzaSyClxpBtKaVlcr5n-itSoZM_WWTLBqVf-og",
  authDomain: "ionic-abs-conference.firebaseapp.com",
  databaseURL: "https://ionic-abs-conference.firebaseio.com",
  projectId: "ionic-abs-conference",
  storageBucket: "ionic-abs-conference.appspot.com",
  messagingSenderId: "668567626055"
};

Внутри импорта: [... 

AngularFireModule.initializeApp(firebaseConfig),
    AngularFireDatabaseModule,

В schedule.ts 

import {  AngularFireDatabase } from 'angularfire2/database'

Внутри класса SchedulePage конструктор 

public angFire   : AngularFireDatabase

Внутри ionViewDidLoad 

this.getDataFire();

А потом 

getDataFire()
  {
    alert("Hello");
    this.angFire.list('/speakers/0/').valueChanges().subscribe(
      data=> {
        //this.arrData= data;
        alert("Inside");
        console.log(JSON.stringify(data))
      }, (err) => {
        console.log(err);
      }
    )
  }

1 Ответ

0 голосов
/ 22 мая 2018

Если вы пытаетесь получить список объектов из базы данных Firebase, попробуйте это: 

import * as firebase from "firebase";
...
public list: Array<any> = [];
public listRef: firebase.database.Reference = firebase.database().ref('/speakers/0/');
...
this.listRef.on('value', itemSnapshot => {
  this.list = [];
  itemSnapshot.forEach( itemSnap => {
    this.list.push(itemSnap.val());
    return false;
  });
});
...