スプラッシュ画面httpリクエストを行い、別のページにレスポンスを渡す

Question

スプラッシュ画面が読み込まれているときに、http要求がサーバーに送信されて情報が取得され、その応答が別のページに渡されます。

以下は私が作業しているコードです。

import { Component } from '@angular/core'; 
import { Platform, LoadingController } from 'ionic-angular'; 
import { StatusBar, Splashscreen } from 'ionic-native'; 
import { CacheService } from "ionic-cache/ionic-cache"; 
import { Apis } from './apis'; 

import { StayPage} from '../pages/stay/stay'; 

@Component({ 
    templateUrl: 'app.html', 
    providers: [Apis] 
}) 

export class MyApp { 
    rootPage = StayPage; 

    constructor(platform: Platform, cache: CacheService, public loadingCtrl: LoadingController, public Apis: Apis) { 
    cache.setDefaultTTL(60 * 60); 
     platform.ready().then(() => { 
     // Okay, so the platform is ready and our plugins are available. 
     // Here you can do any higher level native things you might need. 

     this.Apis.types().subscribe(response => { 
     response.results; 
     StatusBar.styleDefault(); 
     Splashscreen.hide(); 

     }, err => { 
     this.Apis.error(err); 
     }); 

    }); 
    } 
} 

上記のコードを実行すると、スプラッシュ画面が読み込み中にスタックされ、別のページに移動しません。

Answer 1

StayPageのコンストラクタまたはngOnInitでHTTPリクエストを行う必要があります。

export class StayPage implements OnInit { 
    ... 

    constructor(public navCtrl: NavController, 
       public navParams: NavParams 
       public http: Http) { } 

    ngOnInit(){ 
     this.http.get(apiUrl) 
      .subscribe(
      responseSuccess => ... 
      responseError => ... 
     } 
    } 
}