Как обновить данные в блоках полученные от разных web-сервисов на одной странице используя JS?
Всем привет!
Подскажите плиз как реализовать обновление данных в блоках на одной странице полученных от разных web-сервисов?
Есть 5 шт. (будет больше) RPi с датчиками, на которых работают web-сервисы отправляющие данные по запросу в виде json. Есть один главный web-сервис, на котором хранится информация об IP-адресах всех устройствах (web-сервисах).
Реализовал FrontEnd, на котором с использованием AngularJS реализовал вывод списка блоков через ng-repeat (на основе данных полученных от главного сервиса с информацией о количестве web-служб и их адресов).
Блок представляет собой обычный DIV в котором содержится:
- Две кнопки (старт\стоп - запуск\остановка отдельных задач на удаленном RPi)
- Показатель-1, Показатель-2, Показатель-3, Статус
Соответственно на странице выводиться 5 таких блоков, показатели которых должны автоматически обновляться через заданный интервал времени?
Писать вручную отдельные контроллеры для каждого блока не очень логично т.к. количество устройств динамическое (web-сервисов) и не хочется каждый раз при добавлении или удалении править JS-код.
В сервисе реализовал выгрузку данных в firebase, а через Angular сделал их биндинг при помощи ng-repeat.
Все работает идеально, без таймеров и множественных сервисов.
Сделать N сервисов, с одинаковым интерфейсом для взаимодействия с тем или иным API.
Сделать базовый контроллер для компоненты, который получает на вход такой сервис и используется.
Сделать контроллеры для сервисов, которые будут просто вызывать конструктор базового инжектя туда определенный сервис.
