Angular 5-Catch连接丢失并重新订阅

Question

我有一个服务，每5秒向我的服务器询问一次数据，它运行得很好。但如果连接丢失，我应该告诉我的组件，在我的连接恢复之前，没有互联网连接。这就是我的问题所在，在我的回应中，即使我没有任何互联网连接，我似乎也可以取消上一个请求，并启动下一个请求。

在尝试重新连接和获取数据的活动中，如何告诉我的组件连接丢失？

getOdometerData(id: any) {
const interval = 5000;
const source = Observable.timer(0, interval);
const url = `${this.api + '/' + id}`;
var getdata = this.http.get(url)
}).timeout(interval).retryWhen(errors => errors.delay(interval));
return source.switchMap(result => getdata).publishReplay(1).refCount();

}

Answer 1

您可以使用navigator:检查互联网连接

示例

试试这样的东西：

checkOnline() {
if (navigator.onLine) {
this.data = true
} else {
this.data = false
alert("There is no connection")
}
}

而不是做任何你想做的事。