hotel.ts
---------
import { Http } from '@angular/http';
import { Injectable } from '@angular/core';
import 'rxjs/add/operator/map';

@Injectable()
export class HotelProvider {
  constructor(public http: Http) {
  }
  gethotel(){
    return new Promise((resolve,reject)=>{
    this.http.get('http://localhost/api_data/hotel.php')
    .map(res=> res.json())
    .subscribe(data => {
      resolve(data);
    },error => {
    reject(error);
    })
  });
}
}
--------
hotel.ts
import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { HotelProvider } from '../../providers/hotel/hotel';
import { DetailPage } from '../detail/detail';

@Component({
  selector: 'page-hotel',
  templateUrl: 'hotel.html',
})
export class HotelPage {
  groups:Array<{id:number,name:string}> =[];
  hotelList:any;
  constructor(public navCtrl: NavController , public hotelProvider : HotelProvider) {
    this.groups.push({id:1,name:'Member 1'});
    this.groups.push({id:2,name:'Member 2'});
    this.groups.push({id:3,name:'Member 3'});
    this.groups.push({id:4,name:'Member 4'});
  }

  goDetail02(_item){
    this.navCtrl.push(DetailPage,{item:_item});
  }

  ionViewWillEnter(){
    this.hotelProvider.gethotel()
    .then((data:any) =>{
      this. hotelList=data;
    });
  }
}