Angularjs 在ionic 3中从服务到页面获取json数据

我正在尝试从远程服务器加载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

控制台上是否出现错误？是的，当我尝试从getRemoteData（）返回json响应时，我得到了这样一个消息：“Uncaught（承诺中）：TypeError:co.myJson.results未定义”。但是，如果我不从getRemoteData（）返回任何内容，那么程序就可以正常运行。但我的目标是在我的页面中接收json。