NGXS状态文档

Question

我是NGXS的新手，我试图完全理解这些文档，这样我就可以开始使用它了，我知道自己在做什么。

在这段来自这里的代码片段中，有一件事我不明白。

export class ZooState {
  constructor(private animalService: AnimalService) {}

  @Action(FeedAnimals)
  feedAnimals(ctx: StateContext<ZooStateModel>, action: FeedAnimals) {
    return this.animalService.feed(action.animalsToFeed).pipe(tap((animalsToFeedResult) => {
      const state = ctx.getState();
      ctx.setState({
        ...state,
        feedAnimals: [
          ...state.feedAnimals,
          animalsToFeedResult,
        ]
      });
    }));
  }
}

就在这个代码下面，它说：

你可能会注意到我把可观察到的东西还回来了，只是敲了一下。如果我们返回可观察到的，框架将自动为我们订阅，因此我们不必自己处理这个问题。此外，如果我们希望商店调度函数能够在操作完成后才能完成，那么我们需要返回这个函数，这样它就知道了。

该框架将订阅this.animalService.feed，但为什么呢？

Answer 1

动作，FeedAnimals，使用注入的服务，AnimalService来喂养动物通过行动的有效载荷。据推测，该服务是异步操作的，并返回一个可观察的。可观察到的值通过tap函数访问，并用于在成功完成的基础上更新ZooState状态上下文。

为了在一般情况下使用NGXS，您必须了解RxJS.这是我的goto文档页面