Как правильно юзать сервис для работы с данными в нем?

Question

[Bogopodoben]

Добрый день всем. Вопрос такой:
Как правильно юзать сервис для работы с данными в нем? (удаление, добавление, редактирование)

На данный момент, после получения списка счетов с сервера, они хранятся в массиве "accountsList" в виде промиса и тут впадаю в ступор, как правильно обработать в сервисе такие данные и правильно ли это?

И как подобный сервис можно привести еще к более хорошему, правильному и удобному виду?
И был бы рад увидеть примеры работы с сервисами на крупных проектах.

(function(){
  'use strict';
  angular
    .module('app.manager.finance.accounts')
    .factory('AccountsFinanceService', AccountsFinanceService);

  AccountsFinanceService.$inject = ['Http', 'Notification', 'API'];

  function AccountsFinanceService(Http, Notification, API) {
    var AccountsFinanceService = {
      listAccounts  : listAccounts,             // Список счетов
      getAccounts   : getAccounts,              // Получение счетов
      setAccounts   : setAccounts,              // Редактирование счета
      deleteAccounts: deleteAccounts            // Удаление счета
    };
    var accountsList = [];

    function listAccounts() {
      if (accountsList.length === 0) {
        accountsList = AccountsFinanceService.getAccounts();
      };
      return accountsList;
    };

    function getAccounts() {
      var config = {
        url: API.url + 'finances/accounts',
        method: 'GET'
      };
      return Http(config).then(function(res){
        return res.data;
      }, function(res){
        Notification.error('Произошла ошибка, попробуйте позже.');
      });
    };

    function setAccounts() {
      //body
    };

    function deleteAccounts(index, id) {
      var config = {
        url: API.url + 'finances/accounts/' + id,
        method: 'DELETE'
      };
      Http(config).then(function(res){  
        Notification.success('Запись успешно удалена.');
      }, function(res){
        Notification.error('Произошла ошибка, попробуйте позже.');
      });
    };

    return AccountsFinanceService;
  };

})();

Comments

[DarthJS]

Можешь чуточку конкретизировать проблему? Как по мне всё у тебя гут, только listAccounts метод лишний. Ты дальше инжектишь этот сервис в нужный тебе контроллер и там резолвиш промисы, либо делаешь это в ui-router и уже получаешь голые данные в контроллере. Либо я не понял твой вопрос :)

Answer 1

[Aleksei Podgaev]

Я бы разделил работу с моделью и http в разные модули. Тогда в модуле, отвечающем за запросы к серверу можно было бы реализовать и работу с промисами и кэширование по необходимости, а модуль, отвечающий за работу с моделью был бы очень лёгким и понятным. Нужна ли какая-либо пост-обработка пришедших данных или они уже приходят в удобном для представления формате? Если второе, то лучше работать напрямую с промисами - возвращать промисы в те компоненты, которым нужны соответствующие данные.

Comments

[Bogopodoben]

Это все хорошо и понятно. Но, у меня в сервисе имеется массив, в котором я храню данные, в виде промиса, полученные от сервера, и соответственно мне необходимо с ними работать (редактировать, удалять и т.д.).
При редактирование мне необходимо сообщить об этом серверу и сообщить сервису, в котором лежит этот массив и изменить в нем данный элемент.
Вот и проблема та в том, как мне изменить в сервисе данные элемент массива, если все данные в нем в виде промиса, не запрашивать же после каждого редактирования/удаления новый список данных.

[Aleksei Podgaev]

Bogopodoben: Если объём данных слишком велик и не хочется его каждый раз заново тянуть с сервера, то лучше тогда реализовать кэширование данных в массив.
Т.е. вот у вас в сервисе есть массив accountsList - пусть это будут закэшированные данные. Когда вы делаете запрос на данные вы сразу прицепляете к промису один then, который сохраняет копию данных в этом массиве, а сами данные передаёт дальше по цепочке тому, кто их запросил. Если в сервис приходит запрос на данные, которые закэшированы и не менялись (тут ещё неплохо реализовать инвалидацию кэша по времени), вы заворачиваете свой массив в промис при помощи сервиса $q и возвращаете его тому, кто запросил. Так, с точки зрения конечного потребителя данных, он всегда будет получать промис. А у вас в сервисе будет закешированная копия, которую вы можете изменять при необходимости.