angular - 如何访问控制台中的 ngrx 存储？

Question

我知道这有点禁忌，但在我的浏览器控制台中，我如何访问 ngrx redux 商店？ redux 工具显然可以做到这一点，但我只想能够通过控制台检查它。是全局性的吗？如果有，它的名字是什么？谢谢。

Answer 1

我认为(并希望)它不会在应用程序中没有显式暴露的情况下工作。
您可以使一个函数全局可用，该函数读取当前状态并将其显示在控制台中。像这样:

  @NgModule({
    declarations: [...],
    imports: [...],
    bootstrap: [...],
  })
  export class AppModule {
    public constructor(private store: Store<unknown>) {
      this.exposeStoreToGlobal();
    }

    public exposeStoreToGlobal() {
      if (!environment.production) {
        globalThis.showStoreSnapshot = () => {
          this.store.pipe(first()).subscribe((snapshot) => console.log(snapshot));
        };
      }
    }
  }

然后，您只需在需要时在控制台中调用它: