AngularJS路由resolve依赖处理：logincheck优先于checkBasket方案咨询

嘿，这个需求完全可以轻松实现！AngularJS的路由resolve机制本身就支持通过依赖注入来控制异步操作的执行顺序，完全不用把两个函数硬合并到一起，完美适配你要复用的场景。

核心思路 #

Resolve对象中的每个属性，如果是异步函数（返回Promise），AngularJS会自动等待它所依赖的其他resolve属性执行完成后，才会启动当前函数。所以我们只需要让checkBasket显式依赖logincheck的返回结果，就能保证前者先执行完毕，后者再启动。

具体实现步骤 #

1. 定义独立可复用的两个函数

确保两个函数都返回Promise（这是异步操作的标准做法，同步操作也适用，但登录检查通常是异步请求）：

// 登录检查函数，返回Promise
function logincheck($http) {
  return $http.get('/api/verify-login')
    .then(response => {
      // 处理登录状态，比如返回用户信息供后续使用
      return response.data.user;
    });
}

// 购物车检查函数，显式依赖logincheck的结果（这里命名为loginUser）
function checkBasket($http, loginUser) {
  // 此时logincheck已经执行完成，loginUser是登录检查返回的用户数据
  return $http.get(`/api/user/${loginUser.id}/basket`)
    .then(response => {
      return response.data.basket;
    });
}

2. 在路由配置中指定依赖关系

在resolve里先声明logincheck对应的属性，再让checkBasket的属性依赖它：

angular.module('yourApp')
  .config(['$routeProvider', function($routeProvider) {
    $routeProvider.when('/checkout', {
      templateUrl: 'views/checkout.html',
      controller: 'CheckoutController',
      resolve: {
        // 第一步：执行登录检查，结果存入loginUser
        loginUser: ['$http', logincheck], // 用数组语法避免代码压缩时依赖名称被破坏
        // 第二步：依赖loginUser，AngularJS会自动等待loginUser的Promise完成后执行
        userBasket: ['$http', 'loginUser', checkBasket]
      }
    });
  }]);

复用性保障 #

因为两个函数是完全独立的，你可以在其他路由里灵活组合：

• 只需要登录检查的路由：直接在resolve里写loginUser: logincheck
• 需要购物车检查但同样依赖登录的路由：重复上述的依赖配置即可

注意事项 #

• 一定要确保函数返回Promise，这样AngularJS才能正确识别异步操作并等待完成
• 始终使用数组语法注入依赖（比如['$http', logincheck]），避免代码压缩时依赖名称被混淆

内容的提问来源于stack exchange，提问作者N.Car