angularjs - 在 stateProvider 中更改页面不起作用

Question

我正在使用带有 ui-router 和 satellizer 的角度来检查天气用户是否登录。这是我的示例代码：

var App = angular.module('myApp', ['satellizer', 'ui.router']);
    App.config(function ($stateProvider, $urlRouterProvider) {
        $urlRouterProvider.otherwise('/app/blank');
        $stateProvider
                .state('app', {
                    url: '/app',
                    abstract: true,
                    template: 'View<br><div ui-view=""></div>',
                    resolve: {
                        authorize: ['authService', function (authService) {
                            return authService.isLoggedin();
                        }]
                    }
                })
                .state('app.blank', {
                    url: '/blank',
                    title: 'Blank',
                    template: '<div>blank</div>'
                })
                .state('page', {
                    url: '/page',
                    template: 'Page<br><div ui-view=""></div>'
                })
                .state('page.login', {
                    url: '/login',
                    title: "Login",
                    template: 'Login'
                });
    });
    App.factory('authService', function ($rootScope, $state, $auth) {
                return {
                    isLoggedin: function () {
                        if (!$auth.isAuthenticated()) {
                            console.log('not logged in');
                            $state.go('page/login');
                            return true;
                        }
                    }
                };
            }
    );

在 $stateProvider 我使用 resolve 来检查用户是否登录。如果不是，脚本应该移动到状态页面/登录，但它没有 - 它只是停止工作。如何修复该代码？

Answer 1

使用$state.go('page.login');代替$state.go('page/login');（注意点！）

您应该更改为状态名称，而不是状态的 url。

Answer 2

如果 $state 不起作用。检查 $injector 是否工作并将 $state 更改为 $injector，如下所示：

App.factory('authService', function ($rootScope, $injector, $auth) {
            return {
                isLoggedin: function () {
                    if (!$auth.isAuthenticated()) {
                        console.log('not logged in');
                        $injector.get('$state').go('page.login');
                        return true;
                    }
                }