Angular 2+ Service for getting application changes and uploading to server

Question

I am working on an Angular 4 project and I'm a bit stuck on how to implement the following.

Steps:

1. User uses the application and things change on it

2. These changes are saved locally using localStorage

3. A Service listens for changes in the data and if there are changes it uploads the changes to the server.

My idea behind saving the data locally is that the user doesn't have to get involved on sending the data to the server and also if the serve was to go offline, the user can still continue working via the local data available.

My question is...Is this a good idea or are there better ways of doing this with Angular ?

Answer 1

Your idea is good, here are steps to implement it:

1、Create a storage service, e.g. StorageService, to save data in localStorage

2、Create a update service, e.g. UpdateService, to get data from localStorage and upload to server

3、In StorageService, every time the data changed, call UpdateService

4、In UpdateService, you can detect whether network is online or offline, and you probably want a lastUpdateTime field, to record the last time when you successfully update the data to server, so you can control the frequency of update