I solved the above error with:
this.myUser = newUser.results;
Results is the name of the called object api (ex. from https://randomuser.me/api/?results=10 ).
Provider - contactos-api.ts
import { Http, Response } from "@angular/http";
import { Injectable } from '@angular/core';
import 'rxjs/add/operator/map';
import { Observable } from "rxjs";
@Injectable()
export class ContactosApiProvider {
constructor(private http: Http) {
}
getData(){
return this.http.get('https://randomuser.me/api/?results=10')
.map((data: Response) => data.json());
}
}
home.ts
import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { Http } from '@angular/http';
import { Observable } from 'rxjs';
import { ContactosApiProvider} from '../../providers/contactos-api/contactos-api';
import 'rxjs/add/operator/map';
@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
myUser = [];
constructor(public navCtrl: NavController, public contactosApiProvider: ContactosApiProvider) {
contactosApiProvider.getData().subscribe(newUser => {
this.myUser = newUser.results;
console.log(this.myUser);
});
}
}