Angular2同步承諾

Question

在Ionic 2 ，用於訪問localStorage的get函數返回一個promise。 以下代碼的問題在於，在將headers對象附加了Authorization密鑰之前，將返回headers對象。 我如何修改以下函數，以便僅在答應解決后才返回headers對象。

private _createAuthHeaders(): Headers {
    let headers = new Headers({
        'Accept': 'application/json',
        'Content-Type': 'application/json'
    });
    this.local.get('authToken').then(res=>{
      headers.append('Authorization', res);
    }, err=>{
      headers.append('Authorization', '');
    });
    return headers;
}

Answer 1

我將以這種方式重構您的代碼：

private _createAuthHeaders(): Headers {
  let headers = new Headers({
    'Accept': 'application/json',
    'Content-Type': 'application/json'
  });
  this.local.get('authToken').then(res=>{
    headers.append('Authorization', res);
    return headers;
  }, err=>{
    headers.append('Authorization', '');
    return headers;
  });
}

您可以像這樣使用此方法：

this._createAuthHeaders().then(headers => {
  // do something like setting the headers on the request
  // and execute it...
});

編輯

您可以利用Promise鏈來使代碼更整潔。 這是一個示例：

this._createAuthHeaders().then(headers => {
  // do something like setting the headers on the request
  // and execute it...
  return this.http.get('some url', { headers: headers }).toPromise();
}).then(result => {
  // handle result
});