1

Не могу разобраться как сделать динамическое обновление данных. Допустим есть массив объектов users, и хочется раз в секунду с помощью $http.get() получать данные об этих пользователях. Если бы не асинхронность, то это выглядело бы примерно так:

var users = [];
setInterval(function () {
    for (var i = 0; i < users.length; i++) {
        $http.get('/user/'+i).then(function (res) {
            users[i] = res.data;
        });
    }
}, 1000);

Но когда в дело вступает асинхронность, i естественно уже не равна тому чему надо. Сделать функцию users[i].update(data), которая бы через this данного объекта присваивала новые данные тоже не удалось - теряется контекст this (он становится равным window)

UPDATE Нашел решение, но оно больше похоже на костыль:

var users = [];
setInterval(function () {
    for (var i = 0; i < users.length; i++) {
        $http.get('/user/'+i).success((function (object) {
            return function (data) {
                for (var key in data) {
                    object[key] = data[key];
                }
            }
        })(users[i]));
    }
}, 1000);
2
  • если в вашем решении захватывать только i - оно будет выглядеть лучше :)
    – Grundy
    18 фев 2016 в 19:18
  • Никогда не используйте для переодических запросов setInterval !, иначе перекрытие вам обеспечено в какой то момент. Следующий запрос делайте только по завершении всех предыдущий, для этого можно использовать jquery.deferred. (к тому же он проксируется сервисом $q) 19 фев 2016 в 15:09

1 ответ 1

1

Используйте метод query() сервиса $resource из модуля ngResource, чтобы получить всех пользователей.

В $http вы можете использовать headers и config, чтобы как-то пометить запрос на получение пользователей.

8
  • Пытался заменить $http.get() сделав $resource('/user/:id'), и в цикле каждый раз делать users[i] = get({id: i}), работает с одним НО: пока не пришли данные, ничего не отображается. Соответственно, значения из вида пропадают на время получения данных (пока обещание не разрешится)
    – Disminder
    18 фев 2016 в 18:57
  • @Disminder, после параметров в функциях $resource можно задать обработчики success и error, в которых и присваивать
    – Grundy
    18 фев 2016 в 19:17
  • @Grundy, опять таки, потеря контекста - this начинает указывать на глобальный объект, переменная итератора так же теряется.
    – Disminder
    18 фев 2016 в 19:26
  • @Disminder, а зачем вам this? вы его ни в одной функции не используете
    – Grundy
    18 фев 2016 в 19:29
  • @Grundy, тут код ведь только для примера, реально система сложнее. Если в данном случае - то как обработчик (success например) узнает в какой объект ему нужно вставить пришедшие данные? Можно было бы каждому объекту массива добавить метод update, который бы принимал новые данные и добавлял их как раз через this, и вызывать данный метод как success но, как я уже сказал, this теряет контекст.
    – Disminder
    18 фев 2016 в 19:42

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.