Typescript ionic 3异步/等待实现

Question

我目前正面临一个问题，当UserData注入到我的另一个组件中时，Load()函数总是比构造函数中的getFromStorageAsync()更早启动，所以ip_address始终是未定义的。

以下是我的服务代码(UserData)

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

/*
  Generated class for the UserData provider.

  See https://angular.io/docs/ts/latest/guide/dependency-injection.html
  for more info on providers and Angular 2 DI.
*/
@Injectable()
export class UserData {
  public data: any;
  private ip_address: any;

  constructor(public http: Http, private storage: Storage) {
    this.data = null;
    this.ip_address = this.getFromStorageAsync()
  }

  async getFromStorageAsync(){
        let val = await this.storage.get('ip_address');
        this.ip_address = val.toPromise();
    }

  load(): any {
    console.log(this.ip_address);
    if (this.data) {
      return Promise.resolve(this.data);
    }
    return new Promise(resolve => {
      this.http.get(this.ip_address + "/api/user")
        .map(res => res.json())
        .subscribe(data => {
          this.data = data;
          resolve(this.data);
        });
    });
  }
}

由于未定义的ip地址，无法从服务器获取数据。使用异步和等待是正确的方式吗？请帮帮忙。谢谢！

Answer 1

let storage = await storage.ready();
let val =     await this.storage.get('ip_address');
this.ip_address = val.toPromise();