AngularJS：如何对我的应用程序的所有路由使用一种解析

Question

我想解决为我的应用程序所有页面加载当前用户的承诺。目前，我在每条$routeProvider.when()路线中都重复执行该决议。

  $routeProvider.when('/users/edit/:userId', {
  templateUrl: 'app/app/assets/partials/user-edit.html', 
  controller: 'UserEditController',
  resolve:{  
    'currentUser':function( UserService){            
        return UserService.getCurrentUser();
      }
  }
  });

  $routeProvider.when('/staff_profil/edit', {
  templateUrl: 'app/app/assets/partials/profil-edit.html', 
  controller: 'ProfilEditController',
  resolve:{  
    'currentUser':function( UserService){            
        return UserService.getCurrentUser();
      }
  }
 });

我的目标是解决所有路由的当前用户，而无需重复。

Answer 1

您总是可以$routeProvider使用自己的实现将现有的when方法包装在上。

var myModule = angular.module('myModule', ['ngRoute'])
   .config(['$routeProvider', function($routeProvider){

      var originalWhen = $routeProvider.when;

      $routeProvider.when = function(path, route){

         route.resolve = {
            'currentUser':function( UserService){            
              return UserService.getCurrentUser();
            }
         };

         return originalWhen(path, route);
      };

   }]);

您可能想要在其中添加一些错误检查，并使用诸如underscoresdefaults方法之类的方法，而不是仅覆盖现有的resolve属性，但是至少这样，您可以保证所有路由都具有所需的内容。

将它包装成一个辅助方法也很容易。