permission angularJS $routeChangeStart and $stateChangeSuccess

Question

I'm trying to make permission with $routeChangeStart in angular JS but it does't work. What I suppose to do is to make $routeChangeStart work with $stateChangeSuccess:

angular.module('app').run(['$rootScope','$location', '$state', '$stateParams', 'loginService', 
  function($rootScope, $location, $state, $stateParams, loginService) {
    $rootScope.$state = $state;
    $rootScope.$stateParams = $stateParams;
    var routespermission=['/'];
    $rootScope.$on('$routeChangeStart', function(){     
        alert('testing');
        console.log('>>exit tab: '+routespermission.index0f($location.path()));
        console.log('>>logged:' +loginService.islogged());
        if(routespermission.index0f($location.path()) !=-1 && !loginService.islogged()){
            $location.path('/login');
        }
    });
    $rootScope.$on('$stateChangeSuccess', function() {
        window.scrollTo(0, 0);
        console.log('testing');
    });
    FastClick.attach(document.body);

  },
])

try using `$transitions.onStart({}, function(transition){...})` — Aleksey Solovey, Nov 16 '18 at 10:00
`$routeChangeStart` is an `ngRoute` event. `$stateChangeSuccess` is a `UI-Router` event. Which are you using `ngRoute` or `UI-Router`? — georgeawg, Nov 16 '18 at 18:51
UI-Router, i want make the code could using on the UI-Router what im suppose to do make it @georgeawg — Hasbi Anshari, Nov 17 '18 at 15:01
may ur help me @AlekseySolovey cause i have some project i can't resolve that, may I chat ur with personal, my be with email.. im really beginner with this — Hasbi Anshari, Nov 17 '18 at 15:04

georgeawg · Answer 1 · 2018-11-17T16:23:16.223

UI-Router, i want make the code could using on the UI-Router

Use $stateChangeStart instead of $routeChangeStart:

app.run(function($rootScope, $location, $state, $stateParams, loginService) {
    $rootScope.$state = $state;
    $rootScope.$stateParams = $stateParams;
    var routespermission=['/'];
    ̶$̶r̶o̶o̶t̶S̶c̶o̶p̶e̶.̶$̶o̶n̶(̶'̶$̶r̶o̶u̶t̶e̶C̶h̶a̶n̶g̶e̶S̶t̶a̶r̶t̶'̶,̶ ̶f̶u̶n̶c̶t̶i̶o̶n̶(̶)̶{̶ ̶
    $rootScope.$on('$stateChangeStart', function(){     
        alert('testing');
        console.log('>>exit tab: '+routespermission.index0f($location.path()));
        console.log('>>logged:' +loginService.islogged());
        if(routespermission.index0f($location.path()) !=-1 && !loginService.islogged()){
            $location.path('/login');
        }
    });
    $rootScope.$on('$stateChangeSuccess', function() {
        window.scrollTo(0, 0);
        console.log('testing');
    });
    FastClick.attach(document.body);
})

For more information, see UI-Router 0.3.1 Api Reference - $state.

StateChange events have been deprecated for ui.router >= 1.0.

For more information, see UI Router stateChangeSuccess event not firing.

im try like that, value from console is not came out... so i just try to get session form json session how bout that? — Hasbi Anshari, Dec 04 '18 at 08:05

permission angularJS $routeChangeStart and $stateChangeSuccess

1 Answers1