Я пытаюсь прочитать данные из Firebase, используя AngularFire2 в Typescript. Мой код работает с асинхронным каналом при получении списка данных, но при получении объекта я не могу получить доступ к содержимому.
Структура данных в Firebase: (myapp.firebaseio.com/LeagueStandings)
Подмножество кода:
import { Component } from '@angular/core';
import { AngularFireDatabase, FirebaseObjectObservable } from 'angularfire2/database';
Standings: FirebaseObjectObservable<any[]>;
constructor(public FirebaseData:AngularFireDatabase) {
this.Standings = FirebaseData.object('/LeagueStandings');
// Added the following to see the debug
this.Standings.subscribe(data => {
console.log(data);
});
}
Бит образца HTML:
<ion-col><ion-badge color="secondary">{{Standings.Wins | async }}</ion-badge></ion-col>
Проблема в том, что данные никогда не отображаются. Однако то же самое с данными массива (например, статистика отдельных игр) с использованием FirebaseData.list действительно работает. Я не знаю, как легко извлечь структуру данных для отображения страницы.
Добавление дампа консоли показывает, что данные возвращаются из Firebase, но мой home.html не обновляется.