【发布时间】:2018-03-01 13:40:36
【问题描述】:
我在确认我的 Ionic 3 application 的待付款时遇到问题。
每当我按下我的按钮"Paid", 时,它都会生成这个error,"Reference.push failed: 第一个参数包含属性'confirm.orderTotal'..." 中的未定义,如果我点击,我的目的是把我的挂单带到我的Firebase 中的确认table在button.
谁能帮我解决这个错误?谢谢!
我的打字稿编码
export class CashierconfirmPage {
nav: any;
confirmItem = {} as orderItem;
confirmItemRef$: FirebaseListObservable<orderItem[]>
orderItemRef$: FirebaseListObservable<any>
constructor(public cart_data: CartData, public navCtrl: NavController,
public navParams: NavParams,
private database: AngularFireDatabase,) {
this.orderItemRef$ = this.database.list('pendingorders');
this.confirmItemRef$ = this.database.list('confirm');
}
addConfirmItem(confirmItem: orderItem){
this.confirmItemRef$.push({
// Ordermenu: this.cart_data.getCart(),
orderTotal: this.confirmItem.orderTotal,
orderNumber: this.confirmItem.orderNumber
});
}
}
我的 HTML
<ion-navbar>
<ion-title>Pending payment orders</ion-title>
</ion-navbar>
<h2>Ordered Items:</h2>
<li>
<ul *ngFor="let ordermenu of item.Ordermenu">{{ordermenu.itemName}}</ul>
</li>
<div>
<input type="text" ngDefaultControl [(ngModel)]="confirmItem.orderNumber" placeholder="{{item.orderNumber}}">
</div>
<div>
<input type="text" ngDefaultControl [(ngModel)]="confirmItem.orderTotal" placeholder="{{item.orderTotal}}">
</div>
<button (click)="addConfirmItem(confirmItem)" ion-button clear small icon-right color="dark">
Paid
</button>
</ion-item>
【问题讨论】:
-
验证是否所有字段都有值。
标签: angular typescript firebase firebase-realtime-database ionic3