javascript - 如何从延迟加载的模块访问根状态？

Question

如何在惰性加载模块中提供根状态？

我有一个具有加载状态的根状态。我还有一个用户功能状态，它被加载到一个延迟加载的模块中。 加载状态处于根级别，因为它被认为对整个应用程序可用(处理 http 请求的服务负责调度改变加载状态的操作)。 在我的用户延迟加载模块中，我有一个组件需要访问加载状态。那么，如果我已经在用户模块中提供了用户状态，我如何才能访问加载状态？

/// user.module.ts

@NgModule({
  imports: [
    ...
    StoreModule.forFeature('user', reducers),
    ...
  ],
  declarations: [
    ...
  ]
})

Answer 1

您的整个应用程序都可以访问根状态，只需为其编写一个选择器即可。

export class MyComponent {

  isLoading$: Observable<boolean>;

  constructor(private store: Store<AppState>) {
    this.isLoading$ = this.store.pipe(select(fromRoot.isLoading));
  }

}