angular - 选择器 NGRX 内的调度操作

Question

在我的选择器中，我正在检查商店中的数据是否已加载并对应于路由器参数。路由器是“真实来源”，所以如果没有加载数据，我想发送一个 Action 来获取它。在选择器中做这样的事情可以吗？

  (currentGameState, router): Game => {
     if (currentGameState.game.id === router.state.params.gameId && 
         currentGameState.isLoaded) {
         return currentGameState.game;
     }
  }

Answer 1

副作用由效果类处理(调度操作、调用 api 等)。

选择器仅用于使用异步从存储中获取数据。这意味着不会在此处执行任何副作用，例如 dispatch 操作。

正常更新需要在ngOnInit中初始化数据加载

export class PostComponent implements OnInit {
  public posts$: Observable<IPost[]>;
  constructor(private store: Store<IPostManagementState>) {}
  ngOnInit(): void {
    this.store.dispatch(new GetAllPosts());
    this.posts$ = this.store.pipe(select(selectPostList));
  }
}

然后在 View 中使用异步管道

<div *ngFor="let post of posts$ | async">{{ post.body }}</div>

可以查看代码here