3

В стайл-гайде по Ангуляру от Тода Мотто есть пример использования сервиса в контроллере "Presentational logic only (MVVM)":

// recommended
function MainCtrl (UserService) {

  var vm = this;

  UserService
    .getUsers()
    .then(function (response) {
      vm.users = response;
    });

  vm.removeUser = function (user, index) {
    UserService
      .removeUser(user)
      .then(function (response) {
        vm.users.splice(index, 1);
      });
  };

}

Я давно подозревал, что делаю что-то крайне не модно, т.к. мои фабрики настолько автономны, что контроллер остается почти без работы. Использую фабрики так:

function UserService () {

  var api = {
    loaded: false

    getData: getData
  }

  return api;

  function getData() {

    // Получение данных

    api.loaded = true;
  }
}

function MainCtrl (UserService) {

  var vm = this;

  vm.userService = UserService;

  // Использую api фабрики в контроллере, если нужно получить некие входные данные
  UserService.getData()

}

Дальше работаю с фабрикой напрямую в шаблоне, вызывая нужные методы в директивах(ng-click, ng-mouseover, ng-hide, ...) То есть получается просто пробрасываю фабрику во view через контроллер.

Помогите культивировать в мозгу логику по которой нужно отделять работу фабрики от работы контроллера.

1
  • например тестирование
    – Grundy
    2 дек 2015 в 8:58

2 ответа 2

2

Попробую объяснить:

Контроллеры предназначены для обрабатывания событий от пользователя (ng-click, ng-change, и других ng директив, весь список здесь ).
Фабрики или сервисы синглтоны(а чем они отличаются читать тут) , которые предназначены для получения необходимых данных с БД и кукисов, или же мы сами можем сохранять в них необходимые данные, чтобы потом использовать их по нашему усмотрению.

Ангуляр это MVW(Model-View-Whatever) фреймворк, это означает, что мы можем использовать и MVC и MVVM паттерны(статья). Но структуру работы буду объяснять по MVC.

Основная схема:
Контроллер получает событие от пользователя, потом берет нам необходимые данные с Фабрики, сохраняет все эти данные в $scope контроллера, и после чего отображает все это в View.

3
  • Не похоже на законченное объяснение :) "Контроллеры предназначены для обрабатывания событий от пользователя" - это только малая доля того, что могут делать контроллеры. "а чем они отличаются читать тут" - я об этом не спрашивал ) "берет нам необходимые данные с Фабрики, сохраняет все эти данные в $scope контроллера" - это большая ошибка - сохранять все данные с фабрики в $scope. В скоп хранится только то, что должно быть обновляемо вотчером, в ином случае при большом количестве данных дигест-цикл взорвется. Как правило, данные хранят this контроллера.
    – Harvey
    31 окт 2015 в 7:49
  • @Harvey, В скоп хранится только то, что должно быть обновляемо вотчером - вы не правы. нет никакой связи между тем что хранится в скопе и что будет проверяться наблюдателем. Как правило, данные хранят this контроллера. - ссылка на который при использовании controllerAs синтаксиса, так же помещается в скоп
    – Grundy
    2 дек 2015 в 8:54
  • @Grundy, согласен, упустил.
    – Harvey
    11 дек 2015 в 9:13
1

В контроллер помещается логика куска приложения которая относится только к данному контроллеру.
В сервис-фабрику помещаются методы, данные которые не содержат логики, а возвращают примерно всегда одни и те же данные и могут использоваться (вызываться) в любой части приложения.
Обычно сервис инжектится в контроллер,

  1. из сервиса получаются нужные данные,
  2. в зависимости от принятого в приложении подхода эти данные записываются либо в св-во скоупа либо в св-во контроллера (Controller As syntax).
  3. И только потом к ним можно обратиться из шаблона.

Ваш ответ

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

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