Resolve in an Angular route

Question

I have the following code on the resolve member in a route:

resolve: {
    loadData: function ($q) {
        var deferred = $q.defer();
        var fbRef = new Firebase("https://myPathToFirebase");
        var auth = new FirebaseSimpleLogin(fbRef, function (error, user) {
            console.log('resolving. ' + user.id + ', Provider: ' + user.provider);
            deferred.resolve();
        });
        console.log('returning..');
        return deferred.promise;
    }
}

The callback within FirebaseSamleLogin is simplified for clarity The logging shows that the code runs as expected. User-id and provider ( facebook) is printed in the callback. My problem is that the deferred.resolved() is not working. The code will not continue to run the controller code and render the template. Exactly as if the deferred was never resolved. I’m kind of stuck here and any help / suggestions would be appreciated Thank you

Use more verbose traces like console.log("Returning promise..." , deferred.promise) and let us know if that helps. — Code Whisperer
– Code Whisperer, Commented Aug 2, 2013 at 17:50

zs2020 · Accepted Answer · 2013-08-02 18:38:41Z

1

I think you may need to wrap the resolve() in $apply() like this

var auth = new FirebaseSimpleLogin(fbRef, function (error, user) {
    console.log('resolving. ' + user.id + ', Provider: ' + user.provider);
    $scope.$apply(function () {
        deferred.resolve();
    });
});

answered Aug 2, 2013 at 18:38

zs2020

54.7k30 gold badges157 silver badges223 bronze badges

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

1 Comment

Gunnar Almas Over a year ago

Sounds like a good idea and I would like to try. However, this code runs within the config function and the $scope service cannot be injected in this context. I know for sure that deferred. Resolved() does not work when invoked within the FirebaseSimpleLogin. When I move the deferred.resolved() outside the callback, it works fine Of course, the code makes no sense when moved out of the callback

PaulCo · Accepted Answer · 2016-03-03 11:03:28Z

0

And if wrap resolve() in $apply() as @zsong wrote but with $rootscope ?

resolve: {
    loadData: function ($q,$rootscope) {
        var deferred = $q.defer();
        var fbRef = new Firebase("https://myPathToFirebase");
        var auth = new FirebaseSimpleLogin(fbRef, function (error, user) {
            console.log('resolving. ' + user.id + ', Provider: ' + user.provider);
            $rootscope.$apply(deferred.resolve());
        });
        console.log('returning..');
        return deferred.promise;
    }
}

answered Mar 3, 2016 at 11:03

PaulCo

1,5275 gold badges18 silver badges35 bronze badges

Collectives™ on Stack Overflow

Resolve in an Angular route

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related