javascript - 将 var 传递给 angular $resource 成功函数

Question

我一直为此发疯，我认为答案可能就在那里，但我不知道向谷歌提问的正确方式。

本质上，我需要一种方法来调用 $resource，并传入一些我想在成功函数中使用的数据。

app.controller('VariantListController', ['djResource', function(djResource){
    var Variants = djResource('/ship-builder/variants/?format=json');
    var Vehicle = djResource('/ship-builder/vehicles/:id', {id: '@id'});
    this.variants = Variants.query(function(variants){
        $(variants).each(function(){
            console.log(this);
            variantData = this;
            var vehicleData = Vehicle.get({id:this.baseVehicle}, function(){
                console.log(variantData);
            })
        })
    });

}]);

在上面的示例中，在最内层的成功函数中，“variantData”始终是上一层的最后一个条目的值。这是有道理的，因为该值是在成功发生之前很久由数组中的最后一项设置的。我需要一种方法来获得调用 Vehicle.get() 时不存在的“variantData”的值。

这有意义吗？我发现很难解释这个问题。

Answer 1

您需要创建一个闭包才能使其工作。有点像

this.variants = Variants.query(function(variants){
        $(variants).each(function(){
            getVehicleData(this);
        })
    });

function getVehicalData(variantData) {
   var vehicleData = Vehicle.get({id:variantData.vehicleId}, function(){
                console.log(variantData);
            })
}