Angularjs Passing variable through resolve function

Question

Right now I have a Auth Factory set up to run when my State goes to cloud. I am trying to pass the :cloud_id to that authCheck() function but I don't know how.

Could anyone point me in the right direction to change this:

resolve: { authenticated: authenticated }

To something like this:

resolve: { authenticated: authenticated(cloud_id) }

Here is my code:

.factory('Auth', function($http, $state, $q) {

    var factory = { authCheck: authCheck };
    return factory;

    function authCheck(cloud_id) {
        return $http.post('/auth/check', {id:cloud_id});
    }

})
.config(function($stateProvider, $urlRouterProvider, $locationProvider) {

    $locationProvider.html5Mode(true);
    $urlRouterProvider.otherwise('/cloud');

    var authenticated = ['$q', 'Auth', '$rootScope', function ($q, Auth, $rootScope) { 
        var deferred = $q.defer();
        Auth.authCheck(cloud_id).then(function(){ deferred.resolve(); }, function(){ deferred.reject(); });
        return deferred.promise;
    }];

    $stateProvider

        .state('cloud', {
            url: '/cloud/:cloud_id',
            templateUrl: 'pages/templates/cloud.html',
            controller: 'cloud',
            resolve: { authenticated: authenticated }
        })

})

You can inject $route in your resolve function and get the params out of there: stackoverflow.com/a/13433335/373655 — rob
– rob, Commented May 6, 2015 at 17:17
Thanks @rob, that last comment about ui-router and $stateParams helped a lot — bryan
– bryan, Commented May 6, 2015 at 17:43

Reto Aebersold · Accepted Answer · 2015-05-06 17:48:04Z

3

You can inject and use the $stateParams like this:

var authenticated = ['$q', 'Auth', '$rootScope', '$stateParams', function ($q, Auth, $rootScope, $stateParams) { 
    var deferred = $q.defer();
    Auth.authCheck($stateParams.cloud_id).then(function(){ deferred.resolve(); }, function(){ deferred.reject(); });
    return deferred.promise;
}];

See this plnkr.

edited May 6, 2015 at 17:48

answered May 6, 2015 at 17:30

Reto Aebersold

16.7k5 gold badges58 silver badges76 bronze badges

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

Collectives™ on Stack Overflow

Angularjs Passing variable through resolve function

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related