我有一个需要授权的状态。我听$stateChangeStart
事件并且如果toState.data.protected
并且用户没有被授权我打电话e.preventDefault()
and $state.go('login')
.
当我在根 URL 中打开应用程序时,我会自动重定向到受保护状态。
这会导致 10 个 $digest 循环,当我在根 url 中打开应用程序时,我最终会处于登录状态,并且会自动重定向到受保护状态。
Uncaught Error: [$rootScope:infdig] 10 $digest() iterations reached. Aborting!
请参阅此 plnkr:http://plnkr.co/edit/1voh7m?p=preview http://plnkr.co/edit/1voh7m?p=preview
我在不同的项目中成功使用类似的代码,角度为 1.2.26,没有错误。
示例代码angular 1.4.1, ui.router 0.2.15
:
//config block
$urlRouterProvider.otherwise('/main');
$stateProvider
.state('main', {
url: '/main',
templateUrl: 'main.html',
controller: 'MainController as main',
data: {'protected': true}
})
.state('login', {
url: '/login',
templateUrl: 'login.html',
controller: 'LoginController as login'
});
// in a run block
$rootScope.$on("$stateChangeStart", function (event, toState) {
if (!event.defaultPrevented && toState.data &&
toState.data.protected) {
// the user is not authorized, do not switch to state
event.preventDefault();
// go to login page
$state.go('login');
}
});
你知道环路产生的原因吗?
我想知道事情是否会这样发生:
- 拦截到 main.submain 状态的转换
- 开始转换到登录状态
- UI路由器获取第一个转换被取消的信息
- UI 路由器运行
$urlRouter.update()
并开始过渡到 main.submain
EDIT:简化的状态配置。