javascript - 通过对象数组的 Angular 循环

Question

我有以下函数，它在 models 中创建了一个对象数组，但是当我开始在应用程序中进一步使用 models 时，我无法循环遍历它内容来提取数据。

到目前为止，我尝试过的每个循环方法都包含一个 console.log() 消息，当 models > 将包含两个 对象，因此我认为问题实际上出在模型 的创建上。如果我创建一个 promise 并在它完成处理时打印出 models.devices 的值，则会返回一个空数组。

有什么想法吗？

var d = devices.split(','),
    count = 0,
    models = {devices:[]};

angular.forEach(d, function (device, i) {

    var index = i;

    if (index <= 1) {

        var deviceName = device.replace(/ /g,"+").toLowerCase(),
            req = '?__url_path_param=' + deviceName;

        $http
            .get('/api/cheapest_by_name' + req)
            .success(function (obj) {
                models.devices.push(obj.device);
                count++;
            });

    }

});

$q.all(models).then(function (data) {
    apiDeal.multi(data, 3, 2);
});

然后...(在 api-deal.factory.js 中)

function apiDeal($http, $rootScope) {

    return {

        multi: function (devices, limit, type) {

            console.log(devices); // equal to below image
            console.log(devices.devices); // equal to '[]'

        }

    }

}

然后我需要遍历 apiDeal.multi 中的 devices

Answer 1

您需要保留一系列 promise ，这些 promise 应该替换您正在使用 $q.all 的 models。它必须是一系列 promise 。

所以把你的代码改成这样:

var d = devices.split(','),
    count = 0,
    models = {devices:[]},
    promises = [];

var promise = $http
            .get('/api/cheapest_by_name' + req)
            .success(function (obj) {
                models.devices.push(obj.device);
                count++;
            });

promises.push(promise);

然后，做:

$q.all(promises).then(function (data) {
    apiDeal.multi(data, 3, 2);
});

Simple Fiddle demonstration