angularjs - statechangestart 阻止导航

Question

$rootScope.$on('$stateChangeStart', function(event, toState  , toParams
                                                   , fromState, fromParams) {
     if(fromState.name=='home' && toState.name == 'search'){
         event.preventDefault();
     }
});

我试图阻止状态转换的发生。

event.preventDefault() 

没有这样做。我希望状态保持在当前状态。

Answer 1

您所需要的应该是开箱即用的。我创建了a plunker ，显示您的实际需求。有这三种示例状态

$stateProvider
    .state('home', {
        url: '/home',
        template: '<div>home</div>',
      })
    .state('search', {
        url: '/search',
        template: '<div>search</div>',
      })
    .state('index', {
        url: '/index',
        template: '<div>index</div>',
      })

这个(与所讨论的相同)条件禁用从主页到搜索的导航:

$rootScope.$on('$stateChangeStart',
   function(event, toState  , toParams
                   , fromState, fromParams) 
    {
      var isFromHome = fromState.name =='home' ;
      var isToSearch = toState.name == 'search';
      if(isFromHome && isToSearch)
      {
        event.preventDefault();
      }
    });

检查一下here