Angularjs 仅允许从特定状态转换到UI路由器中的状态

我正在使用UI路由器，并试图找出如何允许用户仅从其他两个状态访问一个状态。否则，应将用户重定向到主状态

在本例中，我只希望用户能够从payment.confirmation状态和selection状态访问payment.details状态

我不知道如何将以下两条规则结合起来：

$rootScope.$on('$stateChangeStart',
      function (event, toState, toParams, fromState) {
        if (fromState.name !== 'selection' && toState.name === 'payment.details') {
          event.preventDefault();
          $state.go('home');
        }

        if (fromState.name !== 'payment.confirmation' && toState.name === 'payment.details') {
          event.preventDefault();
          $state.go('home');
        }
});

以下是各州的相关路由器信息：

.state('payment', {
      abstract: true,
      url: '/payment',
      templateUrl: 'app/views/payment.html'
})

.state('payment.details', {
    url: '/details',

    views: {
     'main': {
       templateUrl: 'app/views/cc-payment.html',
       controller: 'PaymentFormCtrl'
     }
   }
 })

.state('payment.confirm', {
      url: '/confirm',

      views: {
       'main': {
         templateUrl: 'app/views/cc-confirm.html',
         controller: 'PaymentFormCtrl'
       }
     }
   }
 })

试试这个

试试这个

$rootScope.$on('$stateChangeStart',
      function (event, toState, toParams, fromState) {
        if ((fromState.name == 'selection' || fromState.name == 'payment.confirmation ) && toState.name === 'payment.details') {
          event.preventDefault();
          $state.go('payment.details');
        }else{
          event.preventDefault();
          $state.go('home');
        }
});