FirebaseListObservableをHTMLで表示

Question

Firebaseにはとても新しく、Firebaselistobservableに問題があります。 $キーはHTMLで表示できます。しかし、何とか1/2/3/4の数字を表示することも可能ですか？私は以下の写真をいくつか追加しました。私は誰かが私を助けることができる場合、私はverry幸せになるだろう。私はそれが可能かどうかも分かりません。エンドの

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>