Angular $routeProvider based on user role

Question

I would like to register routes in my angular application based on the roles of the user, can I do something like:

angular.module('myModule', [])
    .config(function($routeProvider, $http){
        $routeProvider.when('/home',{
           templateUrl: '/home.html',
           controller: 'HomeCtrl'
        });
        $http.get('/user')
            .success(function(user){
                if (user.admin){
                    $routeProvider.when('/dashboard, {
                        templateUrl: '/dashboard.html',
                        controller: 'DashboardCtrl'
                    });
                }
            });
    });

But in the config method I can't use the $http service, how can I achieve it?

Answer 1

Check out ui-router. It is a much more feature-rich state-based routing system for Angular. It solves your problem by allowing you to make a model request at the moment of your state change, and return a promise so that when you get your model, you can either continue or change state again.