ui-router 1.0以上的 $stateChangeStart

ui-router transitionhooks

統一控制路由跳轉, 前臺控制若是沒有登陸就跳轉到登陸頁面, 固然也能夠在後臺控制, 若是沒有登陸就返回對應的錯誤碼, 而後在response中直接跳轉

監聽$transitions.onStart事件

1. 監聽全部的state

   angular.module('secu',['ui.router']) .run(function($rootScope, $transitions, $state) { $transitions.onStart({}, function(trans) { var stateName = trans.to().name; if ((stateName == 'admin.traininer' || stateName == 'admin.miss') && !localStorage.getItem('sessionid')) { return trans.router.stateService.target('login'); } }) });

2. 監聽指定的state

   angular.module('secu',['ui.router']) .run(function($rootScope, $transitions, $state) { $transitions.onStart({ to: function(state) { return (['admin.traininer', 'admin.miss']).indexOf(state.name) > -1; } }, function(trans) { var stateName = trans.to().name; if (!localStorage.getItem('sessionid')) { // 下面的代碼完成redirect return trans.router.stateService.target('login'); // 若是直接返回false 則是放棄當前的state跳轉 // return false } }) });