deferred.resolve() in AngularJS

Question

I need to intercept the change of ng-view and load a "loading div" overlay untill all new images are loaded.

I'm trying to suspend promises callbacks in my HttpInterceptor but I can't resolve my promise in a second time.

Here an example:

return function (promise) {
    globalForTest = $q.defer();

    return promise.then(function (response) {
        console.log('first', response);
        return globalForTest.promise;
    }).then(function (response) {
        console.log('second', response);
        return response;
    });

http://jsfiddle.net/Lmvjh/

When I try to call globalForTest.resolve(value) nothing happens, neither an error.

jusio · Accepted Answer · 2013-07-02 14:48:50Z

5

It works, but since your invoking resolve outside of angular lifecycle, you need to explicitly call $scope.$apply to set things in motion. Otherwise callbacks won't be invoked.

Link to fixed JSFiddle

answered Jul 2, 2013 at 14:48

jusio

9,9201 gold badge44 silver badges57 bronze badges

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

Collectives™ on Stack Overflow

deferred.resolve() in AngularJS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related