在另一个内部使用$ routeProvider解析函数

时间:2016-08-30 05:36:40

标签: javascript angularjs ngroute

我的$ routeProvider中有三个解析承诺函数。我的问题是我可以在加载函数中使用getData函数来获取HTTP请求响应!

还会等角度等待getData完成再加载吗?它是按顺序完成它们并等待承诺!?

$routeProvider.when = function(path, route) {
        route.resolve = {
            getData: ['$http', function ($http) {
                var http = $http({
                    method: 'POST',
                    url: 'a URL',
                    data: {
                        route: "/something"
                    },
                    headers: {
                        'something': 'anything'
                    }
                });
                return http;
            }],
            load: [
                'getData',
                function(getData) {
                    console.log(getData);
                    // I'm Actually returning a promise here so no problem at all.
                }
            ],
            prefData: [
                '$preflightService',
                function($preflightService) {
                    console.log('Preflight Run');
                    return $preflightService.run();
                }
            ],
        };
        return originalWhen(path, route);
    };

使用上面的代码我在控制台中收到此错误

Error: [$injector:unpr] http://errors.angularjs.org/1.4.12/$injector/unpr?p0=getDataProvider%20%3C-%20getData

我该怎么办?!

我应该以某种方式定义提供者吗??

1 个答案:

答案 0 :(得分:1)

每个解析都是异步解析的。如果您想要' getData'返回的数据用于解决“负载”问题。请求,使它成为一个单一的决心,像这样:

loadData: ['$http', function($http) {
      return $http({
        method: 'POST',
        url: 'a URL',
        data: {
          route: "/something"
        },
        headers: {
          'something': 'anything'
        }
      }).then(function(response){
        // getData result available here
        return // Return the load promise here
      });
    }

如果需要,您可以将成功处理程序(.then(function(){})附加到加载承诺并返回包含getData结果和加载结果的自定义对象,如

return {
 getData: getResp,
 loadedData: loadResp
}

将在控制器中提供。