获取范围外的数据答案

【问题标题】：get data outside the scope获取范围外的数据
【发布时间】：2017-05-30 11:57:17
【问题描述】：

我有一个小问题，我想在 Angular 中返回一个带有函数的数组。我在一个匿名函数中处理我的数据，当我返回数组时它是空的。

我不知道该怎么办...

getCurrentExchangeTo : function(year, month, country){
            var numberDayPerMonth = [
                31,
                28,
                31,
                30,
                31,
                30,
                31,
                30,
                31,
                30,
                31,
                30,
            ];

            var vm = this;
            this.country = country;

            this.getCurrentExchangeFor = [];
            var hello = "gello"

            for(var i = 0; i < numberDayPerMonth.length; i++){
                if((i + 1) === month){
                    for(let j = 1; j < numberDayPerMonth[i]; j++){
                        $http.get('http://api.fixer.io/' + year + '-0' + month + '-0' + j +'?symbols=' + vm.country).then(function (success) {
                            let countryDay = vm.country
                            vm.getCurrentExchangeFor[j] = success.data.rates[countryDay];
                        });
                    }
                }
            }
            return vm.getCurrentExchangeFor
        }

谢谢

编辑使用 promise 但它只返回一个数据

getCurrentExchangeTo : function(year, month, country){

            var def = $q.defer();

            var numberDayPerMonth = [
                31,
                28,
                31,
                30,
                31,
                30,
                31,
                30,
                31,
                30,
                31,
                30,
            ];

            var vm = this;
            this.country = country;

            this.getCurrentExchangeFor = [];
            var hello = "gello"

            for(var i = 0; i < numberDayPerMonth.length; i++){
                if((i + 1) === month){
                    for(let j = 1; j < numberDayPerMonth[i]; j++){
                        $http.get('http://api.fixer.io/' + year + '-0' + month + '-0' + j +'?symbols=' + vm.country).then(function (success) {
                            let countryDay = vm.country
                            vm.getCurrentExchangeFor[j] = success.data.rates[countryDay];
                            def.resolve(success.data.rates[countryDay])
                        });
                    }
                }
            }

            return def.promise
        }

【问题讨论】：

vm.getCurrentExchangeFor 被填充到异步的 $http.get() 中。在您的 http 调用成功之前，您正在返回数据。使用 promise 来解决这个问题
你得到空数组，因为$http.get 是异步的，因此数据在填充之前返回，但是.. 所以$http.get() 调用？，它只会严重影响性能，理想情况下，应该这样做在backend side.. 或使用$q.all()。如果仍然想这样做，那么see this answer

标签： javascript angularjs arrays scope

【解决方案1】：

你需要在这里使用promise，你返回的数组是空的，因为数组是在填充之前返回的。由于您有一个 for 循环和 http 调用，因此您可以使用 promise.all 功能来确保在返回数组之前已填充所有数据。

【讨论】：

我暂时不知道承诺。我用很少的教程进行了测试，它工作了一半。该函数只返回一个数据。
那是因为它可以在到达返回语句时处理一个数据
getCurrentExchangeService.getCurrentExchangeTo(2015, 2, 'USD').then(function (data) { console.log(data) }); 我将它用于救援数据，但它返回一个随机数组长度