2017-09-18 19 views
0

この問題を何日間解決するかを考えてきましたが、まだアイテムリストを作成できません。誰も助けることができますか?ありがとうございました!注文メニューの生成[オブジェクト、オブジェクト]、[オブジェクト、オブジェクト] Firebase Ionic 3

typescriptファイル

import { Component } from '@angular/core'; 

import { IonicPage, NavController, NavParams } from 'ionic-angular'; 

import { AngularFireDatabase, FirebaseListObservable } from 'angularfire2/database'; 


import { orderItem } from './../../models/order'; 


@IonicPage() 

@Component({ 
    selector: 'page-cashierorder', 
    templateUrl: 'cashierorder.html', 
}) 

export class CashierorderPage { 

    orderItemRef$: FirebaseListObservable<any> 

    constructor(public navCtrl: NavController, public navParams: NavParams, 
    private database: AngularFireDatabase,) { 

    this.orderItemRef$ = this.database.list('orders'); 
    } 


} 

HTMLファイル

<ion-content padding> 
    <ion-list> 

       <ion-item *ngFor="let item of orderItemRef$ | async"> 
       <h2>ORDER MENU: {{item.Ordermenu}}</h2> 
       <h2>ORDER NUMBER: {{item.orderNumber}}</h2> 
        <h3>ORDER TOTAL: {{item.orderTotal}}</h3> 
        <h4>ORDER STATUS: {{item.orderStatus}}</h4> 
        </ion-item> 
        </ion-list> 
</ion-content> 

はしかし、他の人がORDERMENUのために働くが、ないように見えます。私はサーブイオンでそれを実行したときにここに私の結果は次のとおりです。

Inside ionic serve

マイfirebase:

Firebase description

誰も私がitemNameにしてitemPriceを生成するために助けることができますか? Thanksss

答えて

0

Ordermenuには、そのように直接印刷することができない基本的な構造があります。 Ordermenuからあなたの構造をさらにダウンして、印刷するものを決める必要があります

+0

私の構造にさらに下へ行く方法のコーディングについてはわかりません。 – Colin

+0

オーダーメニューの後に.valueを追加してみてください – user7722867

関連する問題