import { Component } from '@angular/core';
import { PeopleService } from '../../providers/people-service/people-service';
import { NavController } from 'ionic-angular';

@Component({
  templateUrl: 'build/pages/home/home.html',
  providers: [PeopleService]
})
export class HomePage {
  public people: any;

  constructor(public peopleService:any) {
    this.loadPeople();
  }

  loadPeople() {
    this.peopleService.load()
      .then(data => {
        this.people = data;
      });
  }


  onLink(url: string) {
      window.open(url);
  }
}

<ion-navbar *navbar>
  <ion-title>
    Home
  </ion-title>
</ion-navbar>

<ion-content class="home">
  <ion-list>
    <ion-item *ngFor="#person of people">
      <ion-avatar item-left>
        <img src="{{studentData.ProfileImageId}}">
      </ion-avatar>
      <h2>{{studentData.FirstName}} {{studentData.LastName}}</h2>
      <p>{{studentData.ContactEmail}}</p>
    </ion-item>
  </ion-list>
</ion-content>