Angular promise multiple times

Question

I'm trying to replicate a couchDB like system. My backend is Parse server and my frontend is Ionic (1)

What i'm trying to achieve is to fasten my application with localstorage.

Currently: GetUserAds

-> Has localstorage?

--> Yes

---> Return localstorage

--> No

---> Get database call

----> Return and put local

But what i really would like is the local return to fetch the database in background and return that data as well if it's changed

This is because my application has many users and changes a lot.

Could i do something like this.

getUserAds(user).then(function(data) {
//Local data
}).then(function(dataDB) {
//Database updated data
})

Answer 1

You could use the notify callback provided on angular promises:

function UserService($timeout, $q) {
    var users = ["user1", "user2"]; //localStorage.getItem('users');
    function get() {
    var deferred = $q.defer();
    //call your backend here $http.get('....')
    $timeout(function() {
      //if(remoteUsers !== users) {
                deferred.resolve({local: false, users: users.concat('user3')});
      //}

    }, 3000);
    $timeout(function() {
    if(users) {
        deferred.notify({local: true, users: users});
    }

    }, 100)

    return deferred.promise;
  }

    return {
    get: get
  };
}

and in your controller

function MyCtrl($scope, $users) {
    $scope.name = 'Superhero';
    $scope.myUsers = [];

    $users.get()
        .then(setUsers, null, setUsers);

     function setUsers(users) {
        $scope.myUsers = users;
      }
}

Here you can see a little jsfiddle: http://jsfiddle.net/Lvc0u55v/1596/