$rootScope:AngularJS应用程序中的infdig错误

Question

一旦用户登录到我们的应用程序，用户凭据就会存储到本地存储中。如果用户路由到登录状态，因为他已经登录，则会在控制台中显示以下错误：

Uncaught Error: [$rootScope:infdig] http://errors.angularjs.org/1.3.10/$rootScope/infdig?p0=10&p1=%5B%5D

用于检查本地存储并重定向用户的代码

$rootScope.$on('$stateChangeStart', function(event, toState, toParams, fromState, fromParams) {
        // Grab the user from local storage and parse it to an object
        var user = JSON.parse(localStorage.getItem('user'));
        // If there is any user data in local storage then the user is quite
        // likely authenticated.
        if(!user) {
            if(toState.name !== 'login.signin'){
                //go to application "login" state
                $state.go('login.signin');
                event.preventDefault();
            }
        }
        else{
            // The user's authenticated state gets flipped to
            // true so we can now show parts of the UI that rely
            // on the user being logged in
            $rootScope.authenticated = true;
            // Putting the user's data on $rootScope allows
            // us to access it anywhere across the app.
            // Here we are grabbing what is in local storage
            $rootScope.currentUser = user;

            if(toState.name === "login.signin") {
                // go to the application "dashboard" state
                $state.go('app.dashboard');
                // Preventing the default behavior allows us to use $state.go
                // to change states
                event.preventDefault();
            }
        }
    });

我的解决方案是

Changing $stateChangeStart with $stateChangeSuccess

Answer 1

当你的摘要圈运行时，你不能改变任何范围变量，我认为你使用$timeout。 在你定义它的地方注入$timeout

$rootScope.$on('$stateChangeSuccess', function(event, toState, toParams, fromState, fromParams) {
$timeout(function(){
var user = JSON.parse(localStorage.getItem('user'));
        // If there is any user data in local storage then the user is quite
        // likely authenticated.
        if(!user) {
            if(toState.name !== 'login.signin'){
                //go to application "login" state
                $state.go('login.signin');
                event.preventDefault();
            }
        }
        else{
            // The user's authenticated state gets flipped to
            // true so we can now show parts of the UI that rely
            // on the user being logged in
            $rootScope.authenticated = true;
            // Putting the user's data on $rootScope allows
            // us to access it anywhere across the app.
            // Here we are grabbing what is in local storage
            $rootScope.currentUser = user;

            if(toState.name === "login.signin") {
                // go to the application "dashboard" state
                $state.go('app.dashboard');
                // Preventing the default behavior allows us to use $state.go
                // to change states
                event.preventDefault();
            }
 }
});