在NGRX中按键修改嵌套对象不会触发效果
在NGRX中，按键修改嵌套对象不会触发效果是因为NGRX使用了不可变性原则。当你使用按键修改嵌套对象时，实际上是在原始对象的引用上进行操作，而不是创建一个新的对象。由于NGRX使用了对象引用的比较来判断状态是否发生变化，因此在按键修改嵌套对象时，NGRX无法检测到状态的变化，从而不会触发效果。
为了解决这个问题，你可以使用深度拷贝来创建一个新的对象，并在新对象上进行修改操作。这样可以保证NGRX能够正确地检测到状态的变化，并触发相应的效果。
除了解决问题的方法之外，下面是一些与NGRX相关的概念、分类、优势、应用场景，以及腾讯云相关产品和产品介绍链接地址：
- 概念：NGRX是一个基于RxJS的状态管理库，用于在Angular应用中管理应用的状态。它遵循了Flux架构的思想，将应用的状态存储在一个中心化的存储中，并通过使用观察者模式来进行状态的修改和订阅。
- 分类：NGRX可以分为四个主要部分：Actions（动作）、Reducers（归约器）、Selectors（选择器）和Effects（效果）。Actions用于描述状态的改变，Reducers用于根据动作来改变状态，Selectors用于从状态中选择特定的数据，Effects用于处理异步操作和副作用。
- 优势：NGRX提供了一种可预测的状态管理方式，使得状态的变化变得可控和可追溯。它可以帮助开发人员更好地组织和维护应用的状态，并提供了强大的工具来处理复杂的状态逻辑。此外，NGRX还提供了与Angular框架无缝集成的特性，使得在Angular应用中使用NGRX更加方便和高效。
- 应用场景：NGRX适用于需要管理大规模状态和复杂状态逻辑的应用。它可以帮助开发人员在应用中实现可扩展性、可维护性和可测试性。同时，NGRX还适用于需要在不同组件之间共享状态并进行统一管理的场景。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
- 腾讯云函数（SCF）：https://cloud.tencent.com/product/scf
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
相关·内容
1回答
我有一个NGRX商店，看起来像这样： export interface INavigationSettings { [Breakpoints.Small]: GridLayout; };} 我有一个将修改应用到这些GridLayout的操作 const SET_NAVIGATION_GRID_VISIBILITY以前当我只有一个对象gridLayout时，它工作得很好，但是因为我在做移动
浏览 25提问于2020-04-22得票数 1
回答已采纳
1回答
当ngrx存储在其(@ngrx/store/init)中时，我想发送一个操作。我为此创造了一个效果： reloadConext$ = this.actions$.pipe( switchMap(() =>{ //dispatch my action here
return of([])
浏览 0提问于2019-04-07得票数 6
回答已采纳
在将角4升级到10和NGRX版本(到v9)之后，我在尝试执行任何操作时都会出现多个错误。我得到了下面的错误，有时没有错误/警告，但这一页是打破。Cannot添加属性xxx，对象不是extensibleCannot赋值为只读属性xxx的对象的对象Object'
浏览 2提问于2021-02-23得票数 1
回答已采纳
EmberJs有路由模型，每个URL段可以有一个模型，每个URL段模型从左到右解析，所以在解析嵌套页面的模型时，可以使用父页面中的模型，因为嵌套的页面模型直到所有父模型完成后才被解析。如果Angular2是一种常见的或推荐的方法，我希望在它中实现类似的目标。/thing
浏览 0提问于2018-05-08得票数 1
回答已采纳
我们有以下ngrx还原器，但是在我们的状态中添加了一个嵌套对象(结构：settings: { a: boolean, b: string })，因此决定使用cloneDeep(obj)而不是...objspread操作符来确保我们的状态是不可变的，正如在正式的docs‘部分中的第二个注释：
扩展运算符只进行浅拷贝，不处理深度嵌套的对象。您需要复制对象中的每个级别，以确保不可变。有些库可以处理深度复制，包括和。我取消
浏览 1提问于2019-08-03得票数 0
当拖动可拖动元素时，ondrag事件将按预期触发。当我在不拖动任何东西的情况下按下并释放任何键时，document.body keydown/up事件将被激发。但是，如果在执行ondrag时按键按下/向上，则不会触发document.body按键按下/向上事件。对此有什么解决方法/技巧吗？
浏览 0提问于2011-09-06得票数 7
回答已采纳
1回答
在我的角度应用程序中，当成功地向服务器发送一个帖子时，我会收到一个201响应，其中包含我希望在NGRX效果中访问的响应头中的一个位置。该位置包含一个id，我在另一个效果中需要该id来触发服务调用。NGRX效应：
postJob
浏览 2提问于2022-04-15得票数 0
回答已采纳
我在我的(根)应用程序模块(在AppComponent中)中分配了一个Ngrx操作，这个操作应该通过一个效果来处理，但是这个效果不会被触发。这一效果是在其他一些延迟加载的角度模块中声明/实现的，我假设懒散加载可能是线索。我猜想，由于我的惰性模块尚未加载，因此无法让角知道效果是否存在，尽管效果在我的效果列表(EffectsModule.forFeature
浏览 3提问于2021-08-13得票数 0
我使用了redux风格的状态管理设计，其中包含了Angular、ngrx/store和ngrx/effects。每当我没有从一个效果返回一个动作时，我就会得到一个错误：我研究了这个问题，发现在榆树架构中，有一种叫做"noop“的动作，当你不想将另一个动作与你的效果链接起来时，你可以调用它来做任何事情。有什么原因你不能有一个不返回动作的效果吗？效果<
浏览 0提问于2017-05-19得票数 23
回答已采纳
我是ngrx的新手，并试图重新设计我的复杂模板驱动的表单，使用ngx格式和ngrx。由于我们有一个复杂的业务规则，在提交之前，我需要修改表单中输入的一些数据，因为我们的api需要一些表单没有提供的数据，或者需要根据条件对其进行不同的格式化。...state.rmvData.rmvServicesUserEnteredData, },};
我还创建了在提交发生时触发的效果我的
浏览 1提问于2022-05-16得票数 0
我在NgRX效果中有一个效果，如下所示： this.actions$.pipe(
ofType(fromOrganisationActions.createOrganisation，我的流似乎永远不会结束，即在this.organisation.createOrganisation实例中返回一个400错误。动作fromOrganisationActions.createOrganisati
浏览 17提问于2021-06-11得票数 0
2回答
在NgRx效果中重新填充状态
、、、、
我有一个JSON，在我的效果中，它最初是一个JSON.stringify(状态)，需要将这个JSON字符串添加回状态中以更新应用程序。( Angular和NgRx/Redux的新特性)。我有一个这样的效果(我可能做错了)：upState$ = this.actions$.pipe(在查看评论中的链接
浏览 2提问于2019-08-20得票数 3
1回答
响应是一个大的JSON对象，但我只需要一条数据。这很好，但是我向同一个端点发出了2个HTTP请求。我怎么才能最好地避免这种情况呢？我不需要密码，只需要一些方向。我正在使用最新
浏览 2提问于2018-08-09得票数 4
回答已采纳
我用一个方法绑定了PropertyChanged事件处理程序，但是，无论我是使用realm.write()还是使用ros来修改属性，它都不会触发。Device RealmObject也有一个嵌套属性People，而People也是一个RealmObject。当我使用DeviceList.Devices.SubscribeForNotifications()时，一切运行正常，在ros中更改People的属性将自动且正确地触发通知事件。但是，Device.People.Pr
浏览 10提问于2018-01-31得票数 0
5回答
在我的示例角2应用程序中，我使用ngrx/store和ngrx/effects进行状态管理。 console.log('2') 在上面的代码中，this.store.dispatch(addAuthorAction(this.fg.value));负责对服务器进行AJAX调用，并向数
浏览 2提问于2017-03-02得票数 19
回答已采纳
1回答
我是Angular和ngrx的新手，所以我的问题可能非常简单，也可能完全错误。我正在研究，但是我不明白我应该如何修改src/app/views/contacts/services/contacts-socket.service.ts和src/app/views/contacts/store/contacts-effects.ts来实例化套接字服务和相关的效果，只有在“选择操作”被触发之后。我认为套接字服务应
浏览 4提问于2020-07-30得票数 0
我使用的是Angular 6，ngrx/store。我有这样的效果，负责更新东西。根据一些逻辑，我想分派不同的动作。
浏览 0提问于2018-06-01得票数 12
回答已采纳
3回答
我在我的应用程序中使用NgRx商店。(event){ }编辑数组项时，异步管道不会更新视图，但“数组”对象中的值是正确的(订阅中的console.log显示更新的值)。当我单击DOM中的某个位置(打开模式，单击按钮.)时，使用新值查看更新。
我还登录了子组件"ngOnChanges“，它不使用新值
浏览 1提问于2016-08-26得票数 5
2回答
我正在尝试设计一个ngrx效果，它可以查看对象列表。如果id在这个列表中，它需要用新的Id更新还原器，并导航到新的路径。
如果一个id不在列表中，它只需要导航到一个新的路径。这个有条件的路径可以工作。返回(ConcatMap)，需要触发两个操作-- SetThingIdSuccess和NavigateToNewInternalApp不工作。在ngrx中从条件语句发送多个效果的最佳方法是什么？
浏览 0提问于2018-10-22得票数 0
回答已采纳
2回答
我使用的是Angular 6，ngrx/store，ngrx/效果。我有一个效果，当我按下“保存”按钮时就会触发。问题是state.items可以用另一种效果进行修改： handleItemsChanges$ = this.actions$.pipe( }
浏览 0提问于2018-06-08得票数 7
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
