我将 Angular 与 NGRX 结合使用。如果我在同一浏览器的多个选项卡中访问我的 Angular 应用程序，这些应用程序是否会指向单个 NGRX 实例？

Question

我想在多个选项卡中访问我的 localhost:9000。如果我在 3 个选项卡中打开它，所有这 3 个选项卡是否都指向单个 NGRX 实例，或者 localhost 的每个选项卡都有其专用的 NGRX 实例？

我还没试过

Answer 1

当您在多个选项卡中使用 NgRx 打开 Angular 应用程序时，每个选项卡都会有其专用的 NgRx 实例。这是因为每个选项卡都在单独的 JavaScript 运行时环境中运行，并且一个选项卡中的状态不会与其他选项卡共享。

如果您需要在选项卡之间共享状态或进行通信，您可以使用

localStorage

、

sessionStorage

或

BroadcastChannel

等技术。但是，默认情况下，每个选项卡都有自己独立的 NgRx 存储实例。

有关在 Angular 中使用 BroadcastChannel 的更多信息这里.