【问题标题】:Is there a way to create and use store with @ngrx/store away from angular app?有没有办法通过 @ngrx/store 远离 Angular 应用程序来创建和使用商店?
【发布时间】:2017-03-20 15:25:50
【问题描述】:

我需要在站点页面中的两个 Angular 应用程序之间共享相同的(一个全局商店)。有没有办法在应用程序启动之前手动创建 @ngrx/store 并将其作为参数传递给每个 angular2 应用程序?

【问题讨论】:

  • 你为什么需要那个? Angular 应用程序有一个主模块。如果您将商店声明到该模块中,则可以从子模块中访问它。
  • 是的,我知道最佳做法是在页面上使用一个 Angular 应用程序。但我有一些额外的偏好——我尝试构建这样的结构,允许我在现有页面中使用 angular2 应用程序作为单独的小部件。我不能将整个页面包装在一个应用程序中,我可以将其嵌入到不同的地方。我需要找到一种方法来加入这些应用程序。我已经找到了一个共享服务的解决方案,但是接下来我用 redux 解决方案捕获了 ngrx,现在我想用这个新选项替换我的 sharedService。
  • 我喜欢 ngrx/store 解决方案的任何方式,选择值作为 Observables,我认为它可以在其他非 angular2 项目中用作独立工具
  • 听起来你需要模块而不是应用程序。如果你真的想坚持使用 2 个应用程序,我不知道,sry

标签: angular ngrx


【解决方案1】:

网络存储/本地存储

也许您可以探索网络存储:https://www.w3schools.com/html/html5_webstorage.asp

引自页面:

本地存储是按源(按域和协议)的。来自一个来源的所有页面都可以存储和访问相同的数据。

网上有很多例子,这里有一个:http://www.unitydatasystems.com/blog/2015/12/09/angular-2-caching-webservice-results-in-local-storage/

@ngrx/store + 本地存储

这个包:https://github.com/btroncone/ngrx-store-localstorage

引用:

ngrx 存储和本地存储之间的简单同步。

【讨论】:

  • 如何将它与 @ngrx/store 一起使用?我不需要共享存储,我需要共享 Redux 存储和此库提供的功能。
  • @DmitryShnyrev 已更新。希望对您有所帮助。
  • 如果您想保留单独的应用程序,我相信您需要某种共享存储,要么是localstorage,要么是使用服务器端功能同步的其他解决方案。
猜你喜欢
  • 2021-01-20
  • 2017-10-31
  • 1970-01-01
  • 2015-10-01
  • 2018-03-23
  • 2019-09-01
  • 1970-01-01
  • 2013-03-21
  • 1970-01-01
相关资源
最近更新 更多