Question

我正在尝试轮询REST API以使用以下代码更新数据表：

pollData(url, interval) {
  return Rx.Observable.interval(interval)
    .mergeMap(() => this.http.get(url));
}

// get data
this.dataService.pollData(this.url, this.updateInterval)
            .subscribe(
                data => console.log(data),
                err => console.log(err),
                () => console.log('done'));

问题是错误和完整永远不会被调用。任何有关使用onError和onCompete的建议都将非常感激。谢谢！

Answer 1

关于观察者的onComplete调用，只有在源观察结束时才会生效。这意味着pollData返回的observable完成时。由于您当前正在轮询没有退出条件，因此您的观察结果自然永远不会完成。

要完成此观察，您需要提出退出条件：

超时（例如，轮询X秒，然后停止轮询）
民意调查数
基于pollData的条件（例如，如果在X连续轮询后未检测到任何更改）
外部完成信号
对您的用例有意义的任何其他条件

使用RxJS可以轻松实现所有这些条件，因为它们需要您更新pollData函数的代码。

例如，对于外部完成信号，您可以写：

// defining somewhere the subject for signalling end of polling
stopPollingS = new Rx.Subject();

// somehow pass this subject as a parameter of the polling function
pollData(url, interval, stopPollingS) {
return Rx.Observable
         .interval(interval)
         .mergeMap(() => this.http.get(url))
         .takeUntil(stopPollingS);
}

// somewhere in your code when you want to stop polling
stopPollingS.onNext(true);

关于观察员的onError电话，我不确定我是怎么回事。您是否尝试过引发错误并检查您的观察者的onError处理程序是否确实被调用？如果没有错误，很明显不会调用onError。

Answer 2

以防万一有人想知道我是如何解决这个问题并实现所需的功能。基本上我只需要将observable包装在另一个中并将错误作为数据返回。

initiatePolling(url, interval) {

    var http = this.http;

    return Rx.Observable.create(function (observer) {

        // initial request (no delay)
        requestData();
        var timerId = setInterval(requestData, interval);

        function requestData() {
            var subscription = http.get(url).timeout(20000)
                .subscribe(
                    result => {
                        observer.next(result);
                        subscription.unsubscribe();
                    },
                    err => {
                        observer.next(err);
                        subscription.unsubscribe();
                    },
                    () => {
                        subscription.unsubscribe();
                    });
        }

        return function () {
            observer.complete();
            window.clearInterval(timerId);
        }
    });
}

Angular 2 Http轮询没有传递错误

2 个答案: