FirebaseListObservable을 HTML로 표시합니다.

Question

저는 Firebase을 처음 접했고 Firebaselistobservable에 문제가 있습니다. $ 키를 HTML로 표시 할 수 있습니다. 그러나 그것은 어떻게 든 1/2/3/4 숫자도 표시 할 수 있습니까? 아래에 몇 개의 그림을 추가했습니다. 누군가가 나를 도울 수 있다면 나는 행복 할거야. 가능한지 확실치 않습니다.

Firebaselistobservable Console.log
Datas in Firebase

결국

import { Component } from '@angular/core'; 
 
import { NavController } from 'ionic-angular'; 
 
import { AlertController } from 'ionic-angular'; 
 
import { FirebaseProvider } from '../../providers/firebase/firebase'; 
 
import { AngularFireAuth } from 'angularfire2/auth'; 
 
import { Observable } from 'rxjs/Observable'; 
 
import { AngularFireDatabase, FirebaseListObservable } from 'angularfire2/database'; 
 
import * as firebase from 'firebase/app'; 
 
@Component({ 
 
    selector: 'page-daten', 
 
    templateUrl: 'daten.html' 
 
}) 
 
export class DatenPage { 
 
    Daten: FirebaseListObservable<any[]>; 
 
    tageszeiten: FirebaseListObservable<any[]>; 
 
    genau: FirebaseListObservable<any[]>; 
 
    Datum: ''; 
 
    tageszeit: ''; 
 

 
    constructor(public navCtrl: NavController, public alertCtrl : AlertController, public fp: FirebaseProvider, public af: AngularFireDatabase, public afAuth: AngularFireAuth) { 
 
    this.Daten = this.fp.getMessungenDaten(); 
 
    this.Daten.forEach(datum => { 
 
     console.log('Item:', datum); 
 
    
 
    }); 
 
} 
 
    
 
}

<ion-list> 
 
    <ion-item block on-click="goToNotfallNummernAnzeige(item.newName, item.eNummer);" *ngFor="let datum of Daten | async"> 
 
    {{datum.$key}} 
 
    <ion-item-sliding> 
 
    <ion-item> 
 
     Here i would like to display (1/2/3/4) 
 
    </ion-item> 
 
    <ion-item-options side="left"> 
 
     <button ion-button color="danger">delete</button> 
 
    </ion-item-options> 
 
    </ion-item-sliding> 
 
    </ion-item> 
 
    </ion-list> 
 

이 그 같이해야하기 때문에
What it should look like

Answer 1

당신은 직접 키에 액세스 할 수 있어야합니다 당신의 키는 "1", "2", "3"및 "4"입니다. 이것은 유연하지 않지만 귀하의 데이터는 항상 동일한 구조를 가진 인 것처럼 보입니다. 이

<ion-item> 
    1 {{datum["1"].blutzuckerwert}} 
    2 {{datum["2"].blutzuckerwert}} 
    3 {{datum["3"].blutzuckerwert}} 
    4 {{datum["4"].blutzuckerwert}} 
</ion-item>