Angular - Observable类似于http.get但没有请求

时间:2017-07-17 20:29:58

标签: angular angular-observable

我有这个可观察的http请求

refreshToken() {
    return this.http.get(this.siteService.apiDomain() + '/api/token?token=' + localStorage.getItem('JWToken'), {})
        .map((response: Response) => {
            return response;
        })
}

我正在调用像这样的observable

return this.refreshTokenService.refreshToken()
                .flatMap((result: any) => {
                    // if got new access token - retry request
                    if (JSON.parse(result._body).token) {
                        localStorage.setItem('JWToken', JSON.parse(result._body).token);
                    }
                    this.setHeaders(url);
                    return this.request(url, options);
                })

我的问题是,如果我有多个并行请求,我会多次刷新refreshToken()。我想找到一种方法来进行虚假的http调用,然后返回我已经知道的令牌或者什么都没有。

Observable.empty() // Failed to compile (Type '{}' is not assignable to type 'Response'.)
Observable.empty().filter(() => {return true}) // Compiles but it stop the flatMap sequence.

2 个答案:

答案 0 :(得分:0)

我不确定我完全理解,但也许你想要Observable.of()

以下是我使用它的示例。如果Id为0,则返回初始化的产品作为Observable。

import 'rxjs/add/observable/of';
...

getProduct(id: number): Observable<IProduct> {
    if (id === 0) {
        return Observable.of(this.initializeProduct());
    };
    const url = `${this.baseUrl}/${id}`;
    return this.http.get(url)
        .map(this.extractData)
        .do(data => console.log('getProduct: ' + JSON.stringify(data)))
        .catch(this.handleError);
}

答案 1 :(得分:0)

我建议使用BehaviourSubjects,它将允许您存储最后一个值,直到组件被破坏或者您要面对它进行更改。此外,当BehaviourSubject上的值发生变化时;订阅它的每个组件也会收到新数据。另外作为一个额外的奖励你不需要调用服务器evrytime一个组件想要获得像Observable这样的值,因为它存储了值,你可以随时获得值而无需调用服务器。 BehaviourSebject example