ein Timeout Ladedatenseiten in Angular2/RXJS Hinzufügen

Question

Derzeit meine App eine Internetverbindung benötigt externe API-Daten zu arbeiten und ziehen, werde ich einige Syncing/Speicher sein Hinzufügen und vielleicht ein Netzwerk-Check in der nächsten Version.

Vorerst habe ich versucht, ein Timeout zu den Daten Laden von Seiten() hinzuzufügen, wie zur Zeit, wenn es keine Web-Verbindung innerhalb der App ist. Das "Bitte warten ..." läuft einfach weiter ohne die Möglichkeit zurückzukehren. Sie müssen die App schließen.

Ich habe versucht, in einem Timeout mit rxjs Importe in den Datenseiten ohne Freude hinzufügen. Irgendwelche Ideen?

import 'rxjs/add/operator/timeout'; 

.timeout(8000) 

Im Idealfall wäre es schön, eine Timeout-Meldung "Keine Internetverbindung" zu erhalten.

Hier sind die entsprechenden App-Dateien http://plnkr.co/edit/NgHH41zsFcfXDyRApAXx?p=catalogue

Answer 1

Nutzen Sie die catch Operator nach dem http.get Anfrage.

Wenn die Anforderung fehlschlägt, wie es wird, wenn es keine Internet-Verbindung ist, dann eine leere Produktliste schicken Sie das Abonnement und entlässt den Laderegler auszulösen.