import { Component } from '@angular/core';
import { NavController, AlertController } from 'ionic-angular';
import 'rxjs/Rx';
import {Observable} from 'rxjs/Rx';
import { Http,Headers } from '@angular/http';

@Component({
    template : `

          <ion-content>
          <ion-card>
            <ul>
              <li *ngFor="let objeto of objetos">
                {{objeto.id}}
              </li>
            </ul>
          </ion-card>
          </ion-content>
    `
})
export class Start{

  objetos = [];


  constructor(private http:Http){
    this.cargarDatos().subscribe(res=>{
      this.objetos = res;
    })
  }
  cargarDatos():Observable<any>{
    return this.http.get('https://jsonplaceholder.typicode.com/users').map((datos)=>datos.json());
  }
}