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
    Commented 18 февр. 2016 в 19:18
  • Никогда не используйте для переодических запросов setInterval !, иначе перекрытие вам обеспечено в какой то момент. Следующий запрос делайте только по завершении всех предыдущий, для этого можно использовать jquery.deferred. (к тому же он проксируется сервисом $q) Commented 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
    Commented 18 февр. 2016 в 18:57
  • @Disminder, после параметров в функциях $resource можно задать обработчики success и error, в которых и присваивать
    – Grundy
    Commented 18 февр. 2016 в 19:17
  • @Grundy, опять таки, потеря контекста - this начинает указывать на глобальный объект, переменная итератора так же теряется.
    – Disminder
    Commented 18 февр. 2016 в 19:26
  • @Disminder, а зачем вам this? вы его ни в одной функции не используете
    – Grundy
    Commented 18 февр. 2016 в 19:29
  • @Grundy, тут код ведь только для примера, реально система сложнее. Если в данном случае - то как обработчик (success например) узнает в какой объект ему нужно вставить пришедшие данные? Можно было бы каждому объекту массива добавить метод update, который бы принимал новые данные и добавлял их как раз через this, и вызывать данный метод как success но, как я уже сказал, this теряет контекст.
    – Disminder
    Commented 18 февр. 2016 в 19:42

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

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