添加超时以加载Angular2 / RXJS中的数据页面

时间:2017-04-14 20:52:12

标签: javascript angular rxjs

目前,我的应用程序需要互联网连接来操作和提取外部API数据,我将在下一版本中添加一些同步/存储和网络检查。

目前,我一直在尝试为数据加载页面添加超时(),如果应用程序中没有网络连接,则为当前。 “请等待......”只是一直没有选择回去。你必须关闭应用程序。

我尝试在数据页面中添加rxjs导入超时,没有任何乐趣。有什么想法吗?

import 'rxjs/add/operator/timeout';

.timeout(8000)

理想情况下,在Timeout上提供“无互联网连接”提示会很不错。

以下是相关的应用文件 http://plnkr.co/edit/NgHH41zsFcfXDyRApAXx?p=catalogue

1 个答案:

答案 0 :(得分:0)

http.get请求后使用catch运算符。

如果请求失败,如果没有互联网连接,则返回一个空产品列表以触发订阅并解除加载控制器。