从离线3

时间:2017-04-23 23:38:23

标签: angularjs ionic-framework

我正在尝试从远程服务器加载JSON,我已经在使用http.get()的服务中获取了JSON,但我无法将服务中的数据导入到我的页面中。我可以在console.log中看到json数据加载到服务中,但找不到将其放入我的页面的方法,因此我可以在我的UI中使用这些数据。有谁看到我在这里做错了什么?

这是我服务的代码

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


@Injectable()
export class MyService {
returnedData;
  constructor(public http: Http) {
    console.log('Hello MyService Provider');
  }

  getRemoteData(){
      console.log('Hello inside getRemoteData');
      this.http.get('https://randomuser.me/api/?inc=gender,name,email,phone,picture,location').map(res => res.json()).subscribe(data => {
          console.log(data);
          this.returnedData=data;
      });
 return returnedData;
  }

}

这是我的页面

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



@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

    myJson;

  constructor(public navCtrl: NavController, public serviceOne: MyService) {
  }

  ionViewDidload(){
      console.log('Hello MyService called');
      this.myJson=this.serviceOne.getRemoteData;
      console.log('myJson');
  }

  getRandomSpan(){
    return Math.floor((Math.random()*10)+1);
  };
}

我想将从服务器收到的json的值转换为myJson变量。 所以我可以将这些数据用于UI。

0 个答案:

没有答案