I have a form which calls the checkOut function upon submission:
<form [formGroup]="submitForm" (ngSubmit)="checkOut(items)">
<input type="submit" value="Check Out">
</form>
The form submission leads to the form carrying over the query parameters:
public checkOut(items: any) {
this.router.navigate(['check-out'], { queryParams: { checkouts:
JSON.stringify(this.items) } });
}
this.route.queryParams.subscribe(params => {
this.checkouts = params['checkouts'];
this.objectValues = {...this.checkouts};
}
Then I can add the query parameters to the database like this:
this.checkouts = params['checkouts'];
this.object = Object.assign({}, ...this.checkouts);
create_NewCheckOut(record) {
return this.firestore.collection('Checkouts').add(this.object);
}
this.create_NewCheckOut(this.object).then(resp => {
this.checkoutProductName = "";
this.checkoutQuantity = undefined;
this.checkoutProductPrice = undefined;
})
.catch(error => {
console.log(error);
});
});
this.arrayToObject2 = JSON.parse( JSON.stringify( this.checkouts ) );
<div *ngFor="let out of arrayToObject2">
<h5>Product Name: {{out.product_name}}</h5>
<h6>quantity: {{out.quantity}} </h6>
<p>Price: {{out.product_price}}</p>
</div>
But alas no data was read from the database.
--
You received this message because you are subscribed to the Google Groups
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/angular/2f67bd1f-5654-432f-adae-7222cb4cc21dn%40googlegroups.com.
