Hi, I wanted to push the data keyed in from the popup box to firebase for future retrieve.
And I received this output error Firebase.push failed: first argument contains NaN in property 'quantity.quantity
This is my code,
home.ts
import { AngularFireModule } from 'angularfire2';
import { AngularFireDatabase, FirebaseListObservable } from 'angularfire2/database';
import { allItem } from './../../models/all-item/all-item.interface';
toggleValue: boolean = false;
allItemRef2$: FirebaseListObservable<allItem[]>
this.allItemRef2$ = this.database.list('Quantity');
activatePopup(toggleValue: true) {
let prompt = this.alertCtrl.create({
title: 'Quantity',
message: "Enter quantity",
inputs: [
{
name: 'quantity',
type: 'number'
},
],
buttons: [
{
text: 'Cancel',
handler: data => {
console.log('Cancel clicked');
}
},
{
text: 'Confirm',
handler: data => {
console.log('Saved clicked');
console.log(JSON.stringify(data));
console.log(data.quantity);
}
}
]
});
if (this.toggleValue === true) {
prompt.present();
}
else {
}
home.html
<ion-toggle [disabled]='false' [(ngModel)]="toggleValue" (ionChange)="activatePopup(true)" style='zoom:0.8;'></ion-toggle>
all-item.interface.ts
export interface allItem {
quantity?: number;
}
I have tried done this code in home.ts however, it output was quantity is undefined.
this.allItemRef2$.push({
quantity: Number(this.allItem.quantity)
});
//reset Allitem
this.allItem = {} as allItem;
Thankyou in advance.