javascript - 在 $routeProvider 的解析功能中使用承诺链

Question

我在解析方法中的一个变量依赖于另一个变量，是否可以在解析方法中的变量之间共享相同的承诺？

似乎 $route.current.locals 存储已解析的变量，但是在处理 var2 时， $route.current.locals 为空，因为 var1 尚未解析。我想要的是这样的：

$routeProvider.when('/report/:ruleId', { resolve: {
    var1: ['$route', 'service', function ($route, service) {
        return service.getRequest();
    }],
    var2: ['$route', 'service', function ($route, service) {
        return service.getAnotherRequest($route.current.locals.var1.id);
    }]
}});

Answer 1

我希望这会奏效：

$routeProvider.when('/report/:ruleId', { resolve: {
    vars: ['$route', 'service','$q' function ($route, service) {
        var defer = $q.defer(),
        data = [];
        service.getRequest().then(function(firstResponse){
            data.push(firstResponse);
            service.getAnotherRequest(firstResponse.id).then(function(secondResponse){
                data.push(secondResponse);
                defer.resolve(data);
            });
        })

        return defer.promise;

    }],

}});

Answer 2

我认为在这种情况下你最好的选择不完全是承诺链，更多的承诺嵌套。这会改变输出，但不会显着改变：

$routeProvider.when('/report/:ruleId', { resolve: {
    bothVars: ['$route', '$service', function ($route, $service) {
        return $service.getRequest().
        then(function(response1) {
            return $service.getAnotherRequest(response1.data.id).
            then(function(response2) {
                return {
                    var1: response1.data,
                    var2: response2.data
                };
            });
        });
    ]
}});

如果你嵌套得太深，这可能会有点疯狂，但我认为这很好。我不喜欢这个解决方案，但它是我为这个特定问题找到的最好的解决方案。最后一点：不要在你自己的服务前面加上'$'。Angular 为自己的服务使用该约定以避免冲突。