Angular2/RXJSでデータページを読み込む際にタイムアウトを追加

Question

現在、私のアプリは外部APIデータを操作してプルするためにインターネット接続が必要です。次のバージョンでは同期/ストレージとおそらくネットワークチェックを追加します。

今のところ、アプリ内にWeb接続がない場合は、データの読み込みページ（）にタイムアウトを追加しようとしています。 「しばらくお待ちください...」は、戻ってくるオプションがなくても継続しています。あなたは、アプリケーションを閉じる必要があります。

データページにrxjsのインポートをタイムアウトで追加しようとしましたが、喜んでいませんでした。何か案は？

import 'rxjs/add/operator/timeout'; 

.timeout(8000) 

タイムアウトで「インターネットに接続しない」というプロンプトが表示されるのが理想的です。ここで

は、関連するアプリのファイルは http://plnkr.co/edit/NgHH41zsFcfXDyRApAXx?p=catalogue

Answer 1

あるhttp.get要求後catchオペレータの使用を確認します。

インターネット接続がない場合と同様に要求が失敗した場合は、空の製品リストを返してサブスクリプションをトリガーし、ローディングコントローラを閉じます。