Angular 7，Ngrx，Rxjs 6-延迟加载模块之间的访问状态
Angular 7是一种流行的前端开发框架，它基于TypeScript构建，并提供了丰富的工具和功能来开发现代化的Web应用程序。Angular 7具有以下特点：
- 延迟加载模块：Angular 7支持延迟加载模块，这意味着应用程序可以按需加载模块，而不是一次性加载所有模块。这可以提高应用程序的性能和加载速度，特别是对于大型应用程序来说。
Ngrx是一个用于管理应用程序状态的Angular库。它基于Redux模式，通过使用单一的可预测状态树来管理应用程序的状态。Ngrx提供了一种集中式的状态管理方法，使得状态的变化和管理更加可控和可预测。
RxJS 6是一个用于处理异步数据流的库。它提供了一套强大的操作符和工具，用于处理和转换数据流。RxJS 6基于观察者模式，可以轻松地处理异步事件和数据流，并提供了丰富的操作符来处理和转换数据。
延迟加载模块之间的访问状态是指在延迟加载的模块之间共享和访问状态。在Angular中，可以使用Ngrx和RxJS来实现这一目标。通过在应用程序的根模块中配置Ngrx Store，并使用RxJS的操作符来订阅和处理状态的变化，可以在延迟加载的模块之间共享和访问状态。
延迟加载模块之间的访问状态的优势包括：
- 模块解耦：通过将状态管理从模块中分离出来，可以实现模块之间的解耦。每个模块只需要关注自己的业务逻辑，而不需要关心其他模块的状态。
- 状态共享：通过共享状态，不同的模块可以共享相同的数据，从而实现数据的一致性和共享。这可以减少重复的数据请求和处理，提高应用程序的性能和效率。
- 状态可预测性：通过使用Ngrx和RxJS来管理状态，可以实现状态的可预测性。状态的变化和处理都是通过纯函数来实现的，这样可以更好地跟踪和调试状态的变化。
延迟加载模块之间的访问状态在以下场景中特别有用：
- 大型应用程序：对于大型应用程序来说，模块之间的状态共享和访问是一个挑战。通过使用延迟加载模块和Ngrx，可以更好地管理和共享状态，提高应用程序的可维护性和可扩展性。
- 多人协作：在多人协作的项目中，不同的开发人员可能负责不同的模块。通过使用延迟加载模块和Ngrx，可以更好地协调和管理不同模块之间的状态，减少冲突和错误。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
- 腾讯云区块链（Blockchain）：https://cloud.tencent.com/product/baas
- 腾讯云音视频（VOD）：https://cloud.tencent.com/product/vod
请注意，以上链接仅供参考，具体的产品选择应根据实际需求和情况进行评估和决策。
相关·内容
1回答
Angular 7，Ngrx，Rxjs 6-延迟加载模块之间的访问状态
angular、typescript、rxjs、ngrx、ngrx-store
我使用Angular 7和Ngrx和Rxjs 6。我有两个延迟加载的模块A和B，它们有自己的选择器和减法器。 现在，我想从模块A访问存储在模块B状态上的数据。问题是，只有当用户导航到延迟加载的B的路由时，模块B的所有ngrx</em
浏览 11提问于2019-05-18得票数 5
1回答
NgRx商店:如何在两个功能模块之间共享数据
angular7、ngrx、ngrx-store
我有一个使用ngrx的angular 7应用程序。我有两个延迟加载的功能模块。一个是概述，另一个是仪表板模块。概述模块想要访问系统中可用仪表板的列表。将可用的仪表板数据共享到概述模块的最佳实践应该是什么。我不希望整个仪表板模块加载到概述模块。如何使用ngrx
浏览 8提问于2019-08-29得票数 0
1回答
角度，材料设计对话框组件
angular、dialog、angular-material、lazy-loading、angular6
我正在尝试创建一个组件&在其中动态加载一个"XYZ“组件。当模块加载热切时不会引发此错误。"@angul
浏览 0提问于2018-07-18得票数 0
5回答
“NullInjectorError:没有为t提供服务的供应商！”使用@ngrx出错
angular、ngrx、ngrx-effects
我有一个角12.0.2应用程序，它使用ngrx12.0.0。当我运行应用程序并访问延迟加载模块的路由时，我会得到以下错误。at fs.get (main.js:1)我正确地设置了ngrx和effects。请参见下面显示效果的代码。UserService是模块中provider中的一个条目。这不是一个生产构建，而是一个在我的笔记本电脑上进行测试的版本。import { I
浏览 6提问于2021-06-08得票数 3
1回答
如何为多个延迟加载的模块注册共享NgRx效果，而无需在应用程序根目录注册？
angular、ngrx
我有一个大，复杂的应用程序的角度前端。在前端，我有几个延迟加载的模块。我将第一个特性的NgRx存储文件提取到自己的模块中，并将该模块</
浏览 5提问于2020-01-09得票数 5
1回答
ngrx问题"NullInjectorError:没有ComponentStore的提供者！“
angular、ngrx、store、component-store
我是一个ngrx (做了一次，但仍然是相当新的)。当我试图访问使用ngrx的页面时，开发人员控制台中出现了此错误："@ngrx/component-store": "^10.0.0",
"@<em
浏览 15提问于2022-03-07得票数 0
1回答
延迟加载的特性能与ngrx在角度6的特征之间进行状态通信吗？
javascript、angular、lazy-loading、ngrx
如果我有一个使用惰性加载的应用程序，同时也使用ngrx来管理状态，那么我为每个特性都提供了一个状态实例，并有自己的还原器、操作等。，product-feature之间的状态可以通信并使用customer-feature之间的状态吗？从未被创建，因为用户没有进入它(通过延迟加载)？我在网上看到的大多数示例都将ngrx</e
浏览 0提问于2018-08-02得票数 12
回答已采纳
2回答
角2中带有SystemJS和Karma的负载节点模块
angular、karma-runner、systemjs
我试图在一个测试中加载节点模块： it, describe, expect, beforeEach, inject这意味着它必须考虑到我给它的显式路径，但它仍然找不到模块。然而，它是进入模块的正确路径，并且在浏览器中加载时可以工作。
我很想不知道下一步该怎么做。有人能给我指明正确的方向
浏览 8提问于2016-02-15得票数 10
回答已采纳
1回答
在ionic的另一个控制器中更改$scope的值
angularjs、ionic-framework
我想从另一个控制器更改$scope的值，代码如下：<ion-item ng-show="before" menu-close ui-sref="app.login" href
浏览 4提问于2017-01-27得票数 0
1回答
ngrx对根状态的延迟加载访问
lazy-loading、ngrx、reducers
我正在使用ngrx开发一个应用程序，该应用程序利用延迟加载的reducers，到目前为止工作得很好。什么才是正确的方法呢？如果我让我的FeatureState接口扩展我的RootState接口，我是否可以访问RootState对象？或
我是否需要将Sto
浏览 0提问于2017-10-31得票数 3
2回答
功能模块的角度寄存器依赖关系
angular、dependency-injection
我试图从一个加载了功能的模块中注册依赖项，但我不知道如何使用其他模块中的依赖项。我不认为这是不可能的，因为所有的信息都在客户端上。我创建了一个堆栈闪电战来重现：Stackblitz implementation 单击count会显示EXCEPTION_FORMATTER类型的已注册依赖项的数量。点击"Orders“加载一个具有依赖关系的功能模块。再次单击count仍然只能找到一个依赖项。
浏览 30提问于2020-10-24得票数 0
回答已采纳
3回答
Ngrx异步初始状态
angular、firebase、ngrx
这是我的第一个问题，所以请温文点。我知道ngrx效果和如何使用它们，但我看不到一种方法来设置我的减速器的初始状态使用效果。希望有一个简单
浏览 5提问于2017-11-11得票数 4
1回答
如何管理处于Redux/ngrx状态的实体？
redux、ngrx、state-management
我们一直在应用程序中使用ngrx进行状态管理。由于ngrx和redux遵循相同的国家管理原则，这个问题适用于两者。}
sli
浏览 0提问于2018-07-11得票数 1
回答已采纳
1回答
带有延迟加载模块的Ngrx
angular、redux、frontend、lazy-loading、ngrx
假设在我的应用程序中，我有以下延迟加载模块：
const routes: Routes = [商店发出新的动作：this.store.dispatch(login({some object}));一切都很好。问题
当我试图刷新管理模块上的页面时，我将丢失来自L
浏览 3提问于2020-04-12得票数 0
回答已采纳
1回答
无法使用模块外部的导入语句(Bazel + Concatjs + NgRx)
angular、ngrx、bazel、bazel-rules-nodejs
问题使用版本9，一切都很好。但是，在将NgRx升级到v10或更高版本后，角开发服务器会因以下错误而中断：
yarn upgrade-ngrx (升级NgRx到v11)yarn start (打开，浏览器控
浏览 11提问于2021-03-21得票数 0
回答已采纳
1回答
Ngrx存储-如何选择根状态
typescript、redux、ngrx、ngrx-store
我正在从appsettings.json加载配置文件，其中保存了api url。我就是这样实现我
浏览 2提问于2019-02-17得票数 7
回答已采纳
1回答
如何使用ngrx的StoreModule.forRoot()和StoreModule.forFeature()访问另一个模块存储
angular、angular5、ngrx、ngrx-effects
构建一个angular5应用程序..。和vue或react相比，有那么多的移动部件，但我坚持它。StoreModule.forFeature('home', HomeReducer),
到目前为止还不错..。但现在最明显的下一步..。我需要和另一页分享这些数据。两个问题立刻
浏览 0提问于2018-02-04得票数 8
1回答
当组件来自不同的模块时，NgRx存储不会得到值-角
angular、ngrx、ngrx-store
我在应用程序中使用NgRx进行状态管理。我想要做的是，当某个事件发生在home.module.ts中的组件上时，那么此处分派的操作应该反映在app.module.ts中，甚至反映在兄弟模块admin.module.ts中。此操作在相同模块的两个组件(无论父-子或子-父关系)之间完美地工作，但在模块更改时不起作用。还请注意，商店在同一模块的组件中工作得很完美。也就是说，动作被分派，甚
浏览 3提问于2019-10-25得票数 0
1回答
Angular2 ngrx存储多个模块应用程序，不是写入商店，而是以其他方式工作。
angular、rxjs、ngrx
我有一个使用Webpack和ngrx商店的Angular2应用程序，它似乎在工作，除非商店中没有维护状态(应用程序下的Chrome控制台中没有显示任何存储)，但是它不会抛出错误，还原器返回正确的状态对象唯一复杂的是应用程序使用两个模块(懒散加载)和Webpack，但除此之外，它是一个最简单的商店实现。。。"@ngrx/core"
浏览 4提问于2017-01-10得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
