使用 Angular ui-router 有条件地导航到状态

目前，我们有一个测试版的“投资组合”工具。用户登录主应用程序后，如果他们已获得测试版的访问权限，他们可以直接导航到投资组合工具，无需任何额外的登录。如果没有，他们应该被重定向到投资组合登录页面（状态称为portfolio.login），他们可以在其中登录或联系支持/销售等。现在我在解析块中进行了检查，但是 $state.go('portfolio .login') 似乎获取了正确的部分内容，但不会将它们呈现在屏幕上或导航到适当的 URL。

Code:

angular.module('portfolio.manager').config(function ($logProvider, $stateProvider) {
'use strict';

    $stateProvider
    .state('portfolio.manager', {
        url: '/manager',
        resolve: {
            CheckLoggedIn: function ($state, loggedIn) {
                var _loggedIn = loggedIn.checkUser();
                if (!_loggedIn) {
                    $state.go('portfolio.login');
                    console.log('not authorized');
                }
            },
            portfolioAuthService: 'portfolioAuthService',

            User: function(portfolioAuthService){
              return portfolioAuthService.getUser();

            },
            Portfolios: function (User, portfolioManagerService) {
                return portfolioManagerService.getPortfolios();
            }
        },
        views: {
            'main@': {
                templateUrl: 'app/portfolio/manager/portfolio-manager.html',
                controller: 'PortfolioManagerCtrl'
            },
            '[email protected] /cdn-cgi/l/email-protection': {
                templateUrl: 'app/portfolio/manager/partials/no-portfolios.html'
            },
            '[email protected] /cdn-cgi/l/email-protection': {
                templateUrl: 'app/portfolio/manager/partials/create.html'
            }
        }
    })

几天前我遇到了同样的问题。我不使用解析，而是检查状态更改时用户是否已登录，定义run模块和听力$stateChangeStart事件，然后检查当前状态是否需要身份验证。如果是，请检查用户是否已登录。

angular.module('portfolio.manager').config(function ($logProvider, $stateProvider) {
'use strict';

    $stateProvider
    .state('portfolio.manager', {
        url: '/manager',
        resolve: {
            portfolioAuthService: 'portfolioAuthService',

            User: function(portfolioAuthService){
              return portfolioAuthService.getUser();

            },
            Portfolios: function (User, portfolioManagerService) {
                return portfolioManagerService.getPortfolios();
            }
        },
        data: {
            requiredAuthentication: true
        },
        views: {
            'main@': {
                templateUrl: 'app/portfolio/manager/portfolio-manager.html',
                controller: 'PortfolioManagerCtrl'
            },
            '[email protected] /cdn-cgi/l/email-protection': {
                templateUrl: 'app/portfolio/manager/partials/no-portfolios.html'
            },
            '[email protected] /cdn-cgi/l/email-protection': {
                templateUrl: 'app/portfolio/manager/partials/create.html'
            }
        }
    })

})
.run(run);

  run.$inject = ['$rootScope','$state','loggedIn'];

  function run($rootScope,$state,loggedIn){

    $rootScope.$on('$stateChangeStart',function(e,toState){

      if ( !(toState.data) ) return;
      if ( !(toState.data.requiredAuthentication) ) return;

      var _requiredAuthentication = toState.data.requiredAuthentication;


      if (_requiredAuthentication && !loggedIn.checkUser() ){

        e.preventDefault();
        $state.go('portfolio.login', { notify: false });
        console.log('not authorized');
      }
      return;


    });
  };