如何從延遲加載的模塊訪問根狀態？

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));
  }

}