在自定义服务中通过 Promise Angular 获取价值

Question

我有这个代码：

import { Injectable } from '@angular/core';
import { Http, Headers } from '@angular/http';
import { Storage } from '@ionic/storage';
import { AppSettings } from './shared';

@Injectable()
export class HttpClient {

    constructor(private http: Http, private storage: Storage) { }

    createAuthorizationHeader(headers: Headers) {
        var token: string = '';
        this.storage.get(AppSettings.StorageKeys.Token).then(value => {
            token = value;
        });
        headers.append('Authorization', 'Bearer ' + token);
    }

    get(url) {
        let headers = new Headers();
        this.createAuthorizationHeader(headers);
        return this.http.get(url, {
            headers: headers
        });
    }

    post(url, data) {
        let headers = new Headers();
        this.createAuthorizationHeader(headers);
        return this.http.post(url, data, {
            headers: headers
        });
    }
}

这里的问题是：

this.storage.get(AppSettings.StorageKeys.Token).then(value => {
            token = value;
        });

这是承诺。那么如何更改createAuthorizationHeader 函数，以便正确附加标头？

这是 Ionic2 代码，但大多数问题与承诺的工作有关。

Answer 1

返回一个标头承诺，然后链接来自该承诺的 http 调用。此外，get 方法应该返回 Promise，尽管 Observable，同样你可以使用 .toPromise() 而不是 http.get 方法。

createAuthorizationHeader() {
    return this.storage.get(AppSettings.StorageKeys.Token).then(value => {
        let headers = new Headers();
        var token: string = '';
        token = value;
        headers.append('Authorization', 'Bearer ' + token);
        return headers;
    });
}

get(url) {
    //let headers = new Headers();
    return this.createAuthorizationHeader().then(headers => {
        return this.http.get(url, { headers: headers }).toPromise();
    });
}

对 post 函数执行相同操作。

---

我会失去 Observable 并且必须使用 Promise。

如果您希望使用可观察对象，请在链接两个 Promise 后转换 Promise：

get(url) {
    //let headers = new Headers();
    var promise = this.createAuthorizationHeader().then(headers => {
        return this.http.get(url, { headers: headers }).toPromise();
    });
    return Observable.fromPromise(promise);
}

Answer 2

createAuthorizationHeader 没有返回一个 Promise，你应该从 Promise 函数成功创建 Authorization 令牌。同样，您的服务的get 应该返回承诺，同样您可以使用.toPromise() 来返回promise，尽管Observable。但由于您不会丢失可观察到的酱汁，您应该考虑将createAuthorizationHeader 方法转换为返回Observable。 Observable.fromPromise 将在这种情况下拯救我们，将Promise 转换为Observable。

代码

createAuthorizationHeader(headers: Headers) {
    var token: string = '';
    let headers = new Headers();
    return Observable.fromPromise(this.storage.get(AppSettings.StorageKeys.Token)
      .then(value => {
        token = value;
        headers.append('Authorization', 'Bearer ' + token);
        return headers;
      }
    );
}

get(url) {
    return this.createAuthorizationHeader()
     .switchMap((headers)=> this.http.get(url, {
        headers: headers
      });
    })
}