实现Angular UI路由器懒散解决

Question

我使用Angular & UI路由器，我需要一个父母状态的解决方案是懒惰的。

原因是我有一个名为authenticated的状态，它由整个子状态层次继承。我需要一个叫做isAuthenticated的解决方案来懒散解决（即每次输入一个authenticated状态的孩子）。

这里是我的父母authenticated状态：

.state('authenticated', { 
     abstract: true, 
     parent: 'root', 
     views: { 
      'header@': { 
       controller: 'NavbarCtrl', 
       templateUrl: 'app/navbar/views/navbar.view.html' 
      } 
     }, 
     resolve: { 
      currentMember: ['domainService', function (domainService) { 
       return domainService.currentMember(); 
      }], 
      isAuthenticated: ['$rootScope', '$q', '$cookies', function ($rootScope, $q, $cookies) { 
       return ($rootScope.globals.authenticated && $cookies.globalsAuthenticated) || $q.reject({unAuthorized: true}); 
      }] 
     } 
    }) 

我想这样做，这样我也可以把未经授权的用户能够轻松的登录页面。

如何使用当前实现的UI路由器（0.2.15）有一个懒惰的解决方案？

P.S. 我看了一下oc lazy load但似乎旨在装载整个模块或文件...

Answer 1

可以使用stateChangeStart它会帮助你做你正在寻找确切的事情，检查此链接出

http://brewhouse.io/blog/2014/12/09/authentication-made-simple-in-single-page-angularjs-applications.html