5

Como faço para restringir acesso em algumas rotas, e permite que usuários logados possam acessar seu conteúdo em Angulajs.

2 Respostas 2

8

Para validação de usuário você poderia implementar o evento $routeChangeStart, que é disparado sempre que uma rota é acionada, assim você pode validar o usuário e redirecioná-lo para outra rota caso não esteja autorizado.

Segue um exemplo de código:

var app = angular.module("Test", []).
//Simple Routes
    config(function($routeProvider, $locationProvider) {
        $routeProvider
            .when("/restricted",{ templateUrl: "index.html" })
            .when("/login", { templateUrl: "login.html", controller: "LoginCtrl" })
            .otherwise( { redirectTo: "/login" });
    })
  .run(function($rootScope, $location, accessControl) {
        $rootScope.$on( "$routeChangeStart", function(event, next, current) {

            //Checking the accessControl service
            if(!accessControl.canAccess(next)){
                //if can´t access the future route we can redirect him to the login page
                $location.path("/login");
            }
        }
        });
  });
1

se estiver utilizando o ui.router, você pode utilizar o evento,

$scope.$on('$stateChangeStart', function(event, toState, toParams, fromState){
   if(regra) //Sua regra aqui.
      event.preventDefault(); // Utilizando esse método você PARA o ciclo natural, ou seja não vai mais executar a chamada da rota, assim você pode fazer seu tratamento.
});

o mesmo vale para o evento $routeChangeStart,

Edit: Alterações para mostrar de acordo com os comentários.

.run(['$rootScope', function($rootScope){

            $rootScope.$on('$stateChangeStart', function(event, toState, toParams, fromState){
               if(!$rootScope.logado) //a variavel logado está false.
                  event.preventDefault(); // quando falar, preventDefault, não vai mudar a rota, e continuar no msm 'current' que você se encontra
            });
    }]);
5
  • e como funciona a regra!? Commented 25/08/2015 às 13:00
  • pode ser uma variavel global? do tipo $rootScope.logado? Commented 25/08/2015 às 13:01
  • @EltonTomasLaice isso vai de acordo com sua regra de negócio, por exemplo if(user.PodeAcessar), é uma validação como quiser. e para utilizar o $rootScope, basta voce injetar o mesmo no controller onde aplicar o evento .$on, eu custumo utilizar no modulo principal na função .run() Commented 25/08/2015 às 14:38
  • muito obrigado pela ajuda! Commented 25/08/2015 às 19:32
  • @EltonTomasLaice deu certo ? era isso que você precisava ? Commented 25/08/2015 às 19:32

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .