Угловой вызов 6 @ ngrx / store api

Question

Я пытаюсь добавить @ ngrx / store с вызовами API в моем приложении.

Но на самом деле я не нашел, где лучше всего сделать вызов API и где лучше всего сделать диспетчерский вызов.

Например, у меня есть редуктор "AllBooks"

Мой компонент Книги

Получает данные из My Book Service

Служба Book совершает вызов api и получает данные.

вызов API

В некоторых уроках я вижу, что вызов API в редукторе и в других, вызов API находится в службе.

Диспетчерский звонок

В некоторых уроках я вижу, что диспетчерский вызов сделан из компонента. а в других отправка API находится в службе.

Я ищу новый простой демонстрационный код для angular 6, который использует @ ngrx / store с вызовами API, чтобы узнать, как лучше всего организовать код

Это мой текущий код компонента (конструктор):

this._passwordService.getPasswordsById(id).subscribe(
  (data) => {
    this.password = data;
    this._store.dispatch(new PasswordActions.GetPassword(this.password));

    this.onInit();
  },
  (error: any) => { console.log(error) })

Answer 1

Вы должны вызывать сервис в ваших эффектах. Эффекты из пакета @ngrx/effects, который является местом для обработки ваших побочных эффектов. См. документы для получения дополнительной информации.

Вы можете найти пример в приложении NgRx example .