新编辑: 检查登录的 authservice:

'use strict';

angular.module('MainApp.login.services', [])
    .factory('authService', ['AUTH_ENDPOINT', 'LOGOUT_ENDPOINT', '$http', '$cookieStore', function (AUTH_ENDPOINT, LOGOUT_ENDPOINT, $http, $cookieStore) {
        var auth = {};
        auth.login = function (username, password) {
            return $http.post(AUTH_ENDPOINT, {username: username, password: password})
                .then(function (response, status) {
                    auth.user = response.data;
                    $cookieStore.put('user', auth.user);
                    return auth.user;
                });
        };
        auth.logout = function () {
            return $http.post(LOGOUT_ENDPOINT).then(function (response) {
                auth.user = undefined;
                $cookieStore.remove('user');
                $cookieStore.remove('event');
            });
        };
        return auth;
    }])
    .value('AUTH_ENDPOINT', 'http://www.mydomain.gr/assets/modules/login/dal/login.php')
    .value('LOGOUT_ENDPOINT', 'http://www.mydomain.gr/assets/modules/login/dal/logout.php');  

更新:
不幸的是，这是整个网络应用程序的一部分，所以我无法在 jsfiddle 上上传它。我制作了一个 youtube 视频，其中我在调试应用程序时准确地显示了错误。从 1:30 分钟开始问题。随时检查视频
下面是我的 Angular 应用程序的 app.js。

我在模板中的 $watch(es) 会产生错误吗？

Youtube，1:30 后开始报错:https://www.youtube.com/watch?v=3Cc2--BkdQ4&feature=youtu.be

首次加载网站时，登录屏幕会加载并要求提供凭据。

如果用户登录，它会重定向到第 4 部分页面(从登录 Controller 内部)，到目前为止一切顺利!

问题是每当我在浏览器上打开一个新标签时，尝试加载网站:

1. 它应该看到用户已经登录并在 part4 页面上重定向他。

2. 而不是这个，正如我在浏览器的调试中看到的那样，它转到 resolve:login

3. 然后它在 $rootScope.$on('$stateChangeError', 内部上升到 go.state(part4)

   /li>

4. 然后转到第 4 部分的解析，然后转到登录的解析，然后再次转到 $statechangererror 函数

5.最后我得到了错误:Error: [$rootScope:infdig] http://errors.angularjs.org/1.4.8/$rootScope/infdig?p0=10&p1=%5B%5D 但奇怪的是，它最终重定向到part4页面，但是出现了那个错误!!

谁能帮帮我

'use strict';

var app = angular.module('MainApp', ['mApp',
    'MainApp.loginModule',
    'MainApp.part4Module',
    'MainApp.part5Module',
    'MainApp.eventModule',
    'ui.router', 'ui.router.tabs', 'ngCookies']);

angular.module('MainApp')
    .run(['$rootScope', '$state', '$cookieStore', 'authService', function ($rootScope, $state, $cookieStore, authService) {
        $rootScope.$on('$stateChangeError', function (event, toState, toParams, fromState, fromParams, error) {
            if (error.unAuthorized) {
                $state.go('login');
            }
            else if (error.authorized) {
                $state.go('part4');
            }
        });

        authService.user = $cookieStore.get('user');
    }])
    .config(function ($stateProvider, $urlRouterProvider, $locationProvider) { //$stateProvider & $urlRouterProvider are from ui.router module
        $stateProvider
            .state('floorplan', {
                url: '/floorplan/:activeEventId/:activeHallId/:activeHallVariant',
                controller: 'ParticipantsCtrl',
                templateUrl: '/assets/modules/part1/part1.html',
                resolve: {
                    user: ['authService', '$q', function (authService, $q) {
                        return authService.user || $q.reject({unAuthorized: true});
                    }]
                }
            })
            .state('event', {
                url: '/event/:activeEventId',
                templateUrl: 'assets/modules/event/eventPartial.html',
                controller: 'eventctrl',
                resolve: {
                    user: ['authService', '$q', function (authService, $q) {
                        return authService.user || $q.reject({unAuthorized: true});
                    }]
                }
            })
            .state('part4', {
                url: '/part4',
                resolve: {
                    user: ['authService', '$q', function (authService, $q) {
                        return authService.user || $q.reject({unAuthorized: true});
                    }]
                },
                controller: 'part4ctrl',
                templateUrl: '/assets/modules/part4/part4Partial.html'
            })
            .state('login', {
                url: '/login',
                controller: 'LoginCtrl',
                templateUrl: '/assets/modules/login/login.html',
                resolve: {
                    user: ['authService', '$q', function (authService, $q) {
                        if (authService.user) {   
                         return $q.reject({authorized: true});
                        }
                    }]
                }
            });
        $urlRouterProvider.otherwise('login');
    });

我在 youtube 上上传了一段视频，描述并显示了错误: YouTube:https://www.youtube.com/watch?v=3Cc2--BkdQ4&feature=youtu.be

最佳答案

我认为状态首先得到解决，因为您在 app.run 中注入(inject)了 $state。

这导致尝试用未定义的用户解析第 4 部分状态的解析，然后抛出事件并将在下一个摘要周期中解析，因此在您重定向到登录页面之前初始化使用，它将重定向到第四部分。

尝试将两个 angular.run 分开，第一个将运行 authService 的初始化而不注入(inject) $state。第二个将注入(inject) $state 以初始化 $stateCHangeError 监听器(仅在第二个之前定义第一个)。

如果这还不够:拆分您的模块:模块“A”中包含 authService 的模块具有专用的 angular.module('A').run，第二个模块“B”中包含对“的依赖” A' 与 angular.module('B').run 为 $stateChangeError

关于javascript - 在 ui-router 上更改状态时出现 angularjs infdig 错误(带视频)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35638503/