Hello i am trying to access the values of a JSON. I need to fill the array items with the result of getDataProductosInfinite(). I know that productosInfinite has all the values, but when i try to access to the first value this.items.push( this.productosInfinite[0] ) it says "uncaught (in promise)… " How can i solve this?
Thanks!
My home.html:
<ion-content>
<ion-list> <ion-item *ngFor=“let i of items”>{{i}}</ion-item> </ion-list> <ion-infinite-scroll (ionInfinite)=“doInfinite($event)”> <ion-infinite-scroll-content></ion-infinite-scroll-content> </ion-infinite-scroll>
</ion-content>
My home.ts:
import { Component } from ‘@angular/core’;
import { NavController, Slides} from ‘ionic-angular’;
import { Http } from ‘@angular/http’;
@Component({
selector: ‘page-home’,
templateUrl: ‘home.html’
})
export class HomePage {
productosInfinite:any;
items = ;
constructor(public navCtrl: NavController, public http: Http) {
for (let i = 0; i < 30; i++) {
this.items.push( this.productosInfinite[0] );
}
}
ionViewDidLoad(){
this.getDataProductosInfinite();
}
getDataProductosInfinite(){
this.http.get(“URL where i get the JSON”).subscribe( data => {
this.productosInfinite = JSON.parse(data["_body"]);
}, err =>{
console.log(err);
});
}
doInfinite(infiniteScroll) {
setTimeout(() => {
for (let i = 0; i < 30; i++) {
this.items.push(this.productosInfinite[0]);
}
infiniteScroll.complete();
}, 500);
}
}
The JSON I get
[{“productoTitulo”:“Bacardi Mojito”,“productoPrecioHoy”:“80”,“imagenArchivo”:“producto1.jpg”},{“productoTitulo”:“Cinderella”,“productoPrecioHoy”:“100”,“imagenArchivo”:“producto2.jpg”},{“productoTitulo”:“Orange Spritz”,“productoPrecioHoy”:“110”,“imagenArchivo”:“producto3.jpg”},{“productoTitulo”:“American Breakfast”,“productoPrecioHoy”:“210”,“imagenArchivo”:“producto4.jpg”},{“productoTitulo”:“Johnny B. Good Special”,“productoPrecioHoy”:“200”,“imagenArchivo”:“producto5.jpg”},{“productoTitulo”:“Countryside Breakfast”,“productoPrecioHoy”:“230”,“imagenArchivo”:“producto6.jpg”},{“productoTitulo”:“BBQ Ribs”,“productoPrecioHoy”:“100”,“imagenArchivo”:“producto7.jpg”},{“productoTitulo”:“Rib Eye Stick”,“productoPrecioHoy”:“180”,“imagenArchivo”:“producto8.jpg”},{“productoTitulo”:“Mac And Cheese”,“productoPrecioHoy”:“130”,“imagenArchivo”:“producto9.jpg”},{“productoTitulo”:“Caesars Salad”,“productoPrecioHoy”:“180”,“imagenArchivo”:“producto10.jpg”},{“productoTitulo”:“Top Hip Combo”,“productoPrecioHoy”:“140”,“imagenArchivo”:“producto11.jpg”}]
