Ionic 从不加载 api 数据

Question

我设置了一个离子加载屏幕，以在应用程序从我正在使用的 API 端点加载数据时运行。问题是离子应用程序永远不会关闭加载屏幕并显示数据。当我检查离子调用之外的 url 时，json 数据已经加载。我不确定为什么它从未在应用程序中被调用。

下面是调用数据的页面：

import { Component } from '@angular/core';

import { NavController, LoadingController } from 'ionic-angular';
import { RestService } from '../../providers/rest-service/rest-service';

@Component({
  selector: 'page-all-patients',
  templateUrl: 'all-patients.html',
  providers: [RestService]
})
export class AllPatientsPage {
  data: any;
  loading: any;

  constructor(public navCtrl: NavController, public restService: RestService, public loadingCtrl: LoadingController) {

    this.loading = this.loadingCtrl.create({
      content: 'Please wait while data is loading'
    });
    this.getdata();
  }

  getdata() {
    this.loading.present();
    this.restService.getJsonData().subscribe(
      result => {
        this.data=result.data.children;
        console.log("Success: " + this.data);
      },
      err => {
        console.error("Error : " + err);
      },
      () => {
        this.loading.dismiss();
        console.log('getData completed');
     }
   );
 }
}

下面是 RestServices.ts：

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

/*
  Generated class for the RestServiceProvider provider.

  See https://angular.io/guide/dependency-injection for more info on providers
  and Angular DI.
*/

@Injectable()
export class RestService {

  constructor(public http: Http) {
    console.log('Hello RestServiceProvider Provider');
  }

  getJsonData() {
    // return Promise.resolve(this.data);

     return this.http.get('url_is_here').map(res => res.json());
   }

}

有谁知道是什么导致了这个问题，是调用 json 数据本身的问题，还是关闭加载屏幕的问题？我很困惑，因为应用程序运行时没有任何错误消息。

Answer 1

你的 getData 应该是这样的，

getdata() {
    this.loading.present();
    this.restService.getJsonData().subscribe(
    result => {
        this.data=result.data.children;
        console.log("Success: " + this.data);
        this.loading.dismiss();
    },
    err => {
        console.error("Error : " + err);
        this.loading.dismiss();
    } 
);