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();
            }
 }
});

$ rootScope：angularjs应用程序中的infdig错误

1 个答案: