Angular-route : how to switch template from `resolve` method?

Question

In angular App, I have 2 pages, each of them for according to user's privileged level. for that how can I redirect templates from routerby using resolve or without?

what would be the correct way?

here is what I am looking for :

$routeProvider.when('/secretpage' , {
        templateUrl: null,        
        resolve:{
            "check":function(accessFac,$location){  
                if(accessFac.checkPermission()){    
//check if the user has permission -- This should happen before the page loads
return this.template: "templates/secretpage.html"

                } else {

                    this.template: "templates/secretlesspage.html"
                }
            }
        }
})

score 1 · Accepted Answer · answered Jun 09 '16 at 07:05

A better and clean way is to have 2 routes, say /secretpage and /secretless and redirect based on the privilege using below route configuration:

$routeProvider
  .when('/secretpage' ,{
    templateUrl: "templates/secretpage.html",        
    resolve:{
        "check":function(accessFac,$location){  
            if(!accessFac.checkPermission()){    
               $location.path('/secretless')
            }
        }
    }
  })
  .when('/secretless', {
    templateUrl: "templates/secretlesspage.html",
    resolve: {
      "check":function(accessFac,$location){  
        if(accessFac.checkPermission()){    
           $location.path('/secret')
        }
      }
    }

  })

score 0 · Answer 2 · edited May 23 '17 at 12:22

The common approach to secure the pages is to use the $routeChangeStart event broadcasted before the route changes:

angular.module('myApp', [])
.run(function($rootScope, $location, accessFac) {
    $rootScope.$on('$routeChangeStart',
        function(evt, next, curr) {
            if (!accessFac.checkPermission()) {
                $location.path('/login'); // redirect
            }
    })
});

https://stackoverflow.com/a/11542936/2430054

Angular-route : how to switch template from `resolve` method?

2 Answers2