"Re" resolve resources with angular ui router without reload

Question

I am using the following code to resolve a resource when the main state is loaded. Is it possible to re - resolve the resource without reloading the page? I am avoiding reload so that the user experience is not affected.

    $stateProvider
        .state('main', {
            url: '/',
            templateUrl: 'publicApp/main.html',
            controller: 'MainCtrl as mainCtrl',
            resolve: {
                userData: ["UserApi", function (UserApi) {
                    return UserApi.getUserData().$promise;
                }]
            }
        })


    .controller('MainCtrl', function (userData) {
        console.log(userData.something);
    })

Since is a public site, the user can visit any page without logging in but when the user logs in the page must customize based on the user data.

EDIT

I am using a modal for login so the state doesn't reload after logging in, I was thinking of throwing an event on $rootScope and then add listeners in controllers to load them again. But this doesn't look good, so I am looking for a better way

I currently have two options:

Reload page - will effect the user experience, so its the last option
Throw an event for the login modal and catch it in other controllers

Any better ideas?

If the user is not logged in, the userData promise should not be resolved. Probably better calling the getUserData() from controllers that can be used in both logged out and in. Then when the user logs in, resolve this promise and the controller can update it's data. — Martin
– Martin, Commented Dec 17, 2014 at 8:51

Aqib Mapari · Accepted Answer · 2014-12-17 10:43:42Z

3

Try using state reload once promise is resolved

$state.reload();

answered Dec 17, 2014 at 10:43

Aqib Mapari

2231 silver badge5 bronze badges

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

2 Comments

ewahner Over a year ago

The OP specifically asked for a NO reload option.

Ed Bishop Over a year ago

He said without reloading the page. $state.reload() does not reload the page. It reloads the state.

Collectives™ on Stack Overflow

"Re" resolve resources with angular ui router without reload

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related