Question

我需要等待一个承诺完成，然后用RxJS激活Angular 2中的observable。

更具体地说，我需要使用返回promises的第三方库来设置状态，并在发出GET请求之前将一些结果信息插入到我的HTTP头中：

export class LiveDataService {

    private headersPromise;

    constructor(public http: Http) {
        this.headersPromise = $.connection('/init').then((state) => setupHeaders(state));
    }

    activate(route: string) {
        return this.http.get('api/v1/' + route, { headers })
            .Merge(anotherStateBasedObservable);
    }

)

除此之外，虽然我需要立即返回observable，但我也必须等到承诺完成才能调用http.get。

我可以想到几种方式需要3-4个阶段的翻译，但我觉得应该有一个相当直接的方法来做到这一点。

Answer 1

你真的需要一个可观察的回归吗？我会做这样的事情：

// getState caches the state promise, so '/init' gets requested only once
// but is lazy loaded
var _statePromise = null;
function getState() {
  return _statePromise || (_statePromise = $.connection('/init'));
}

function routeChange(route) {
  return getState()
    .then(state => setupHeaders(state))
    .then(headers => this.http.get('api/v1/' + route, { headers }));
}

修改

您可以使用flatMap或flatMapLatest映射具有异步函数的observable：

// routeSource is an RxJS Observable var contentSource = routeSource.flatMapLatest(routeChange);

修改

您可以将承诺转换为可观察对象，反之亦然：Bridging Promises

这可能就是您所需要的：

// getState caches the state promise, so '/init' gets requested // only once, but is lazy loaded var _statePromise = null; function getState() { return _statePromise || (_statePromise = $.connection('/init')); } function Method(route) { return Rx.Observable.fromPromise(this.getState()) .flatMap(state => setupHeaders(state)) // flatMap handles promises .flatMap(headers => this.http.get('api/v1/' + route, { headers })) .merge(anotherStateBasedObservable); }

获得可观察性，但在激活之前等待承诺

1 个答案: