两次加载NgRx效果
NgRx是一个用于构建响应式应用程序的状态管理库，它是基于Redux模式的Angular应用程序的实现。它提供了一种可预测的状态管理机制，使得应用程序的状态变化可追踪、可调试，并且易于维护。
NgRx的核心概念包括：
- Store：应用程序的状态存储在一个单一的全局存储中，称为Store。它是一个可观察对象，用于订阅和派发状态变化。
- Action：Action是一个简单的对象，用于描述状态的变化。它包含一个类型和一个可选的负载(payload)，用于传递数据。
- Reducer：Reducer是一个纯函数，接收当前的状态和一个Action作为参数，并返回一个新的状态。它用于处理Action并更新状态。
- Selector：Selector是一个纯函数，用于从存储中选择和转换状态的一部分。它可以帮助我们避免在组件中重复计算相同的数据。
两次加载NgRx效果的意思是在应用程序中两次加载NgRx库的效果。这种情况可能会导致一些问题，如重复的状态管理、冲突的状态更新等。
为了避免这种情况，我们可以采取以下措施：
- 单一状态管理：确保应用程序中只有一个全局的NgRx Store，以避免重复的状态管理。可以通过在应用程序的根模块中导入NgRx Store来实现。
- 模块化开发：将应用程序拆分为多个模块，并在每个模块中加载所需的NgRx库。这样可以确保每个模块都有自己的状态管理，避免冲突。
- 使用动态加载：在某些情况下，我们可能需要在运行时动态加载NgRx库。这可以通过使用Angular的懒加载功能来实现。懒加载可以确保在需要时才加载NgRx库，避免重复加载。
- 合理使用NgRx特性：NgRx提供了许多特性，如Effects、Entities等，用于处理异步操作和实体管理。在使用这些特性时，需要仔细考虑其对应用程序性能和状态管理的影响。
总结起来，加载NgRx库两次可能会导致重复的状态管理和冲突的状态更新。为了避免这种情况，我们可以采取单一状态管理、模块化开发、动态加载和合理使用NgRx特性等措施。这样可以确保应用程序的状态管理有效且可靠。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发（移动推送）：https://cloud.tencent.com/product/umeng
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云游戏多媒体引擎（GME）：https://cloud.tencent.com/product/gme
- 腾讯云音视频处理（VOD）：https://cloud.tencent.com/product/vod
相关·内容
4回答
两次加载NgRx效果
angular、ngrx、ngrx-effects
当我检查Redux DevTools时，我可以清楚地看到功能alarms调用了@ngrx/store/update-reducers两次。这会导致状态冻结，停止所有效果(包括与警报功能无关的效果)。下面的时间线可以显示问题(在effects init之后会触发第三个@ngrx/store/update-reducers操作虽然目前只有两个功能，但它包含功能“警报”的缩减程序)：如何避免两次加载特效
浏览 34提问于2018-09-07得票数 7
1回答
用ngrx-store /efffect填充下拉信息
angular、ngrx-effects、ngrx-store
我用的是带有ngrx存储和ngrx效果的角4。我有一个简单的表单来加载用户信息，并让它处理效果，然后分派一个Load_User_success操作来更新存储。
我有个问题。加载信息以填充表单的下拉列表，同时使用ngrx加载用户信息的最佳方式是什么？
浏览 3提问于2017-05-19得票数 0
回答已采纳
3回答
ngrx商店是持久的吗？
javascript、angular、ngrx
ngrx商店是持久的吗？换句话说，我们是否可以关闭浏览器，重新打开它，并检索添加到中的状态？
浏览 0提问于2018-02-28得票数 4
回答已采纳
2回答
延迟加载功能模块，在初始化reducer之前触发ngrx操作
angular、ngrx、ngrx-store
actionSanitizer, }), bootstrap: [AppComponent],export class AppModule {}
配置效果
浏览 2提问于2018-11-08得票数 0
1回答
用角和ngRx显示旋转和加载活动
angular、redux、ngrx
我正在使用ngRx开发一个有角度的应用程序，并尝试使用它的最佳实践。但是我来到了一个我无法找到如何正确进行的地方，那就是在异步操作发生时处理它们，并向用户提供适当的反馈！这是非常好，从用户提供反馈，并防止他两次按发送按钮，但，再次，我不知道如何在一个良好的方式使用角度和ngrx。我应该使用全局操作来加载，使用全局效果来显示这些元素吗？每个组件都必须实现这个逻辑吗？
浏览 1提问于2017-12-20得票数 4
回答已采纳
2回答
多个组件上的相同存储
angular、ngrx-store
我调用相同的this.store.dispatch(new LoadUsers());，因为，如果我在第一页加载打开的大学页面，我没有用户在商店，我需要打电话给他们。检查存储和调用调度中是否存在数据，或对每个组件对loadUsers()进行相同的操作/还原/效果？
丁烯
浏览 0提问于2019-10-31得票数 0
回答已采纳
3回答
ngRx继承的效果类无法工作
angular、ngrx、ngrx-effects
我试图设置我的效果，以便有一个核心效果类来实现所有常见的效果，然后在非免费项目中扩展它以添加额外的效果。这不管用。这两个应用程序都可以使用核心效果，只要这是我定义的所有效果，但一旦我为非免费类添加了更多的效果，它就会停止识别核心效果。如果我正确地理解了这一点，这意味着我继承的类被正确地设置为仍然可以看到核心效果(除非我在继承的类中定义了其他效果)
例如，LoadLayout效应看起来如下(其他效果</
浏览 2提问于2018-05-25得票数 3
回答已采纳
2回答
如何防止在NgRx中第二次加载数据？
angular、redux、ngrx、ngrx-store、ngrx-effects
ngIf="block.opened"> </div>通过单击“我分派操作”从服务器加载数据并在块中显示该数据问题是，有时执行后，这个效果服务器可以返回空的[]。因此，下一次，当用户请求时，它会重复发送请求。
如果加载了数据，如何修复它而不触及服务器？
浏览 3提问于2021-02-16得票数 2
回答已采纳
1回答
导入服务器状态后的角通用，@ngrx/ store /update-还原操作擦除存储
angular、ngrx、angular-universal、ngrx-store
在固态存储模式下的角万向工程中，在成功地将状态导入存储后，下一次调度动作@ngrx/store/update-reducers擦除存储。实际上，有多个@ngrx/store/update-reducers操作被触发(>10)。在@ngrx/ store -devtools (铬扩展)中检查显示，在@ngrx/store/update-reducers仍然填充了数据之后，这个存储是错误的，但这不是真的，我看到之前在cmp中加载的数据
浏览 1提问于2018-06-15得票数 0
回答已采纳
2回答
在web应用程序中处理脱机数据
angular、ngrx
当前堆栈:角1.6，BreezeJS (用于脱机/联机处理)，.net web，azure背景：我有一个必须脱机/在线工作的我目前的计划是让NgRx取代BreezeJS。
我考虑在脱机时使用Service将请求转储到本地存储的队列中，同时更新当前存储区(通过一个不同的操作使用ngrx，它将记录表示为未经确认的记录)。我还会更新我的web工作人员，以便他们在数据检索时推动操作，然后更新ngrx存储，然后再将其内
浏览 0提问于2018-02-28得票数 2
回答已采纳
1回答
理解ngrx/数据的能力
angular、ngrx、angular-ngrx-data、ngrx-data
我已经阅读了文档和一些教程，但仍然有很多问号：
ngrx/data提供CRUD功能的方法。但是额外的非CRUD请求呢？是否有可能为非CRUD请求(例如登录请求或其他什么)扩展ngrx/数据，并为此实现自己的操作、还原器和效果？ngrx/数据的哪一部分必须扩展？EntityAction？在我的角度项目中，我使用了“传统”存储/操作/还原/效果模式。有时会在多个操作上触发效果(例如，成功的更新操作会触发服务器的重读)。是否也可以
浏览 2提问于2020-04-11得票数 4
回答已采纳
1回答
有没有在Angular 7上用一个命令创建ngrx/Store的例子？
angular、command-line-interface、store、ngrx
我正在创建新的web Dashboard，并在Angular 7中使用ngrx/store加载和数据。大约第三次我为不同的store界面创建和生成文件，它看起来不会停止。我使用cli作为最好的创建动作，效果，减速器，状态，每次。我尝试了一些来自cli的解决方案，但它创建了唯一的reducer和index.ts。npm install @ngrx/schematics --save-dev
npm install @ngrx/{store,effects,entity,stor
浏览 25提问于2019-07-02得票数 1
1回答
NgRX EffectsModule使我的环境http配置未定义
angular、ngrx、angular-httpclient、ngrx-effects
将EffectModule导入AppModule会使加载http服务的环境配置变得不确定。我使用的是angular 11.2和@ngrx/effects 12.3。/core/core.module';import { StoreModule } from '@ngrxbootstrap: [AppComponent],export class AppMod
浏览 11提问于2021-07-28得票数 0
回答已采纳
1回答
角ngrx图/表数据
angular、rxjs、ngrx
我有一个具有ngrx存储小部件的角形5应用程序，它是用后端(socket.io)存储的。这就是我的小部件的样子。我已经有了一些在ngrx存储和组件中加载、添加和更新小部件的效果和操作。组件是基于这个小部件创建的，可以是图表或datatable。我的问题是如何用ngrx实现这一点？是将完整的数据对象从后端加载到小部件项，还是从ngrx存储中根据widget获取数据的最佳方法。
浏览 1提问于2017-11-30得票数 2
回答已采纳
1回答
重构后不等待所需数据的Ngrx效应
angular、ngrx、ngrx-effects
我有一个使用ngrx 7的原始还原器、动作和效果的工作应用程序。我的一些效果使用withLatestFrom从商店读取一个值，这个值由另一个动作/效果填充。然后，他们使用id从api加载子数据。这一直按照预期的方式工作，子效果在执行之前等待填充父数据。mergeMap(([action, id]) => //Downloads Data from Api ands dispatches a success action)今天，我使用新的n
浏览 2提问于2022-02-08得票数 0
回答已采纳
1回答
@ngrx/effects调度操作
ngrx、ngrx-store、ngrx-effects
我是ngrx/store和effects的新手，所以我仍然不了解分派操作的流程：我的问题是，当我调用store.select()时，我发现这个动作被发送了两次，这就是我所做的测试： ...default: { return state;
浏览 1提问于2020-04-27得票数 0
回答已采纳
1回答
如何为多个延迟加载的模块注册共享NgRx效果，而无需在应用程序根目录注册？
angular、ngrx
在前端，我有几个延迟加载的模块。
我的一个功能级NgRx存储需要被另一个特性所使用。这两个特性都是懒惰加载的。唯一常见的父级是应用程序的根级，在这里，我希望最小化额外的文件和代码。第二个特性成功地加载了*.reducer.ts文件，但没有加载相关的*.effects.ts文件。因此，当第二个特性分派一个操作时，就没有对操作执行的加载效果。如果在第二个功能之前访问了第一个功能，那么效果将按预期的方式加载和工作。当加载第
浏览 5提问于2020-01-09得票数 5
1回答
如何在ngrx/data中为操作编写效果？
javascript、angular、redux、ngrx、ngrx-data
我在一个项目中使用ngrx，也使用其他库& ngrx/entity或ngrx/data等ngrx包。..。那么，我如何侦听ngrx/数据中的操作，如QUERY_LOAD、普通的
浏览 5提问于2020-05-06得票数 2
1回答
如何使用ngrx从API发出GET请求？(角7)
rest、angular7、ngrx
如何使用ngrx(角7和Redux)从API(任何API)发出GET请求。我从网上看到了一些文章，但它们都是关于角度2或请求与观察(Rxjs)。如何用ngrx制作它？我创造了模型。import { Action } from '@ngrx/store';
}
浏览 2提问于2019-03-31得票数 0
回答已采纳
2回答
当查询URL的参数发生变化时，我如何发送NGRX操作？
angular、ngrx
当URL的查询参数发生变化时，您将如何分配ngrx操作？我有一个带有参数的URL (例如 )，当用户单击后退(前进)浏览器按钮时，角将导航到上一个(下一个) URL，该URL可能具有不同的搜索参数。因此，我需要派遣一个“加载文档”操作来从DB加载相应的文档。我可以看到很多种方法。
我可以将ngrx @E
浏览 3提问于2018-01-09得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
