AngularJS：不使用路由/ng-view实现route的resolve功能

这问题确实很典型——不想碰现有组件/控制器的前提下，把异步数据加载的逻辑抽离出来，又没法用路由resolve，我给你几个更优雅的实现思路：

核心思路 #

既然没法依赖路由的resolve特性，我们可以直接利用AngularJS的应用生命周期特性，在控制器/组件初始化之前，提前完成所有异步数据的加载，并将结果注册为可注入的服务。这样原有组件完全不需要修改，就能像之前同步获取数据一样直接使用。

方案一：用run块实现极简预加载 #

AngularJS的run块会在所有模块加载完成、控制器初始化之前执行，我们可以在这里用$q并行加载所有需要的JSON数据，然后把结果注册为value/constant，后续控制器直接注入即可。

示例代码：

angular.module('myApp', [])
  .run(function($q, $http, $provide) {
    // 定义所有需要预加载的异步任务
    var preloadTasks = {
      myJsonData: $http.get('path/to/your/json1.json').then(res => res.data),
      otherData: $http.get('path/to/your/json2.json').then(res => res.data)
    };

    // 并行执行所有预加载任务
    $q.all(preloadTasks)
      .then(function(results) {
        // 将每个结果注册为可注入的服务
        angular.forEach(results, function(data, key) {
          $provide.value(key, data);
        });
      })
      .catch(function(error) {
        // 处理加载失败的降级逻辑，比如提供默认数据
        console.error('预加载数据失败:', error);
        $provide.value('myJsonData', {}); // 兜底默认值
      });
  })
  // 原有控制器完全不需要修改，直接注入数据
  .controller('TestController', function(myJsonData) {
    console.log('拿到预加载的数据:', myJsonData);
  });

这个方案的优势是零额外依赖、逻辑直观，完全贴合你的需求——不用动原有组件，把异步逻辑完全隔离在启动阶段。

方案二：自定义preloadResolver实现灵活配置 #

如果你的应用需要更灵活的配置（比如分模块加载数据、按条件动态加载），可以自定义一个Provider来模拟路由resolve的配置方式：

angular.module('myApp', [])
  .provider('preloadResolver', function() {
    // 存储所有预加载任务的映射
    var resolveMap = {};

    // 对外暴露配置方法，类似路由的resolve配置
    this.addResolve = function(key, resolverFn) {
      resolveMap[key] = resolverFn;
    };

    this.$get = function($q, $injector) {
      // 执行所有预加载任务，支持注入依赖
      var resolvePromises = {};
      angular.forEach(resolveMap, function(fn, key) {
        resolvePromises[key] = $injector.invoke(fn);
      });
      return $q.all(resolvePromises);
    };
  })
  // 配置预加载任务（可以在不同模块的config块中拆分配置）
  .config(function(preloadResolverProvider) {
    preloadResolverProvider.addResolve('myJsonData', function($http) {
      return $http.get('path/to/your/json1.json').then(res => res.data);
    });
    preloadResolverProvider.addResolve('otherData', function($http) {
      return $http.get('path/to/your/json2.json').then(res => res.data);
    });
  })
  // 在run块中执行预加载并注册数据
  .run(function(preloadResolver, $provide) {
    preloadResolver
      .then(function(results) {
        angular.forEach(results, function(data, key) {
          $provide.value(key, data);
        });
      })
      .catch(function(error) {
        console.error('预加载失败:', error);
      });
  })
  // 原有控制器无需修改
  .controller('TestController', function(myJsonData) {
    console.log('拿到预加载的数据:', myJsonData);
  });

这个方案扩展性更强，你可以在不同模块中拆分预加载配置，甚至根据环境变量、用户权限等条件动态调整加载任务。

对你临时方案的改进建议 #

你之前用$routeProvider.otherwise的方式虽然能工作，但属于hack性质的实现——额外引入了路由模块的依赖，而且后续如果需要加载多个数据，代码会变得非常臃肿。上面的两个方案都不需要依赖路由模块，更符合AngularJS的设计原则，也更容易维护。

另外需要注意：如果某个数据加载失败，建议在catch块中添加降级逻辑（比如提供默认空数据），避免整个应用无法启动。

内容的提问来源于stack exchange，提问作者jackstrapp