Http 获取请求 URL 显示 [object promise]

Question

我正在尝试使用 web api 调用 get 方法来访问数据并显示在我的页面中。我的网址类似于：https://localhost:44399/api/APIOrder/GetUserOrder?email=xxx@gmail.com 以便能够显示数据。

但是，当我将我的 url 与变量组合时，它不会显示任何内容，并且控制台日志会在 https://localhost:44399/api/APIOrder/GetUserOrder?email=[object Promise] 中显示 url。有什么方法可以让 url 读取我的 this.User 变量？

请查看我的 getUserOrder()

User = this.storage.get('currentUser');
constructor(private http:Http,public storage: Storage){
   
}

public getUserOrder()
{
  var url="https://localhost:44399/api/APIOrder/GetUserOrder?email=";
  console.log(url+this.User);
  return this.http.get(url+this.User).map(res=>res.json());
  
}

我对此真的很陌生。如果我不清楚，请告诉我。任何帮助将不胜感激..

更新

它显示未定义，因为它访问顶部的变量值而不是来自 ionViewWillEnter

User:string;
constructor(private http:Http,public storage: Storage){
   
}


async ionViewWillEnter()
{
  this.User = await this.storage.get('currentUser');
}
public getUserOrder()
{
  var url="https://localhost:44399/api/APIOrder/GetUserOrder?email=";
  console.log(url+ this.User);
  return this.http.get(url+this.User).map(res=>res.json());
  
}

Answer 1

您应该等待 Promise 的返回。您可以在构造函数中或在 ionViewWillEnter() 之类的生命周期中执行此操作

User: string;

async ionViewWillEnter() {
  this.User = await this.storage.get('currentUser');
}

Answer here: "This is the expected result."

更新

这是一种不同的方法：如果您的函数以某种方式被直接调用，您可以创建一个从存储中返回变量的函数。如果找到数据，则继续 http 请求。

async getUserOrder() {
  const user = await this.getUserFromStorage();

  if (user) {
    var url="https://localhost:44399/api/APIOrder/GetUserOrder?email=";
    return this.http.get(url + user).map(res=>res.json());
  }
}

async getUserFromStorage(): Promise<string> {
  return await this.storage.get('currentUser');
}