在Angular2/RXJS中添加超时加载数据页

Question

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

现在，我一直试图给数据加载页面（）添加一个超时，就像当前应用程序中没有web连接一样。 “Please Wait ...”只是继续前进，没有选择回去。你必须关闭应用程序。

我试图在数据页面中加入rxjs导入的超时而没有快乐。有任何想法吗？

import 'rxjs/add/operator/timeout'; 

.timeout(8000) 

理想情况下，在超时时间内有一个“无互联网连接”提示将会很好。

下面是相关的应用程序文件http.get请求后 http://plnkr.co/edit/NgHH41zsFcfXDyRApAXx?p=catalogue

Answer 1

利用catch运营商。

如果请求失败，就像没有互联网连接一样，然后返回一个空的产品列表来触发订阅并关闭加载控制器。