Adding a timeout to loading data pages in Angular2/RXJS

Question

Currently, my app requires an internet connection to operate and pull external API data, I will be adding some syncing/storage and perhaps a network check in the next version.

For now, I have been trying to add a timeout to the data loading pages (), as currently if there is no web connection within the app. The "Please Wait..." just keeps going round with no option to go back. You have to close the app.

I tried adding in a timeout with rxjs imports in the data pages with no joy. Any ideas?

import 'rxjs/add/operator/timeout';

.timeout(8000)

Ideally it would be nice to have a "No internet connection" prompt on Timeout.

Here are the relevant app files http://plnkr.co/edit/NgHH41zsFcfXDyRApAXx?p=catalogue

Does this example help: stackoverflow.com/questions/38990350/… — DeborahK
– DeborahK, Commented Apr 14, 2017 at 21:01

unitario · Accepted Answer · 2017-04-15 07:44:27Z

0

Make use of the catch operator after the http.get request.

If the request fails, as it will if there is no internet connection, then return an an empty product list to trigger the subscription and dismiss the loading controller.

answered Apr 15, 2017 at 7:44

unitario

6,5854 gold badges33 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Adding a timeout to loading data pages in Angular2/RXJS

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related