ngrx效果-在使用服务后在效果中使用选择器
ngrx是一个用于管理应用状态的JavaScript库，它基于Redux架构模式。ngrx提供了一种可预测的状态管理机制，使得应用的状态变化可追踪、可调试，并且能够方便地进行状态共享和数据流控制。
在使用服务后，在ngrx效果（Effect）中使用选择器（Selector）是一种常见的做法。选择器是ngrx中的一个重要概念，它用于从应用状态中获取特定的数据。选择器可以帮助我们在应用中获取和转换状态数据，以供组件或其他部分使用。
在ngrx效果中使用选择器的主要目的是为了从应用状态中获取服务返回的数据，并进行进一步的处理或操作。通过使用选择器，我们可以将服务返回的数据与应用状态进行关联，从而实现数据的统一管理和共享。
在实际应用中，可以按照以下步骤在ngrx效果中使用选择器：
- 在ngrx效果中引入选择器：
- 在ngrx效果中引入选择器：
- 创建选择器：
- 创建选择器：
- 在ngrx效果中使用选择器：
- 在ngrx效果中使用选择器：
在上述代码中，我们首先引入了createSelector函数和应用状态类型AppState，然后创建了一个名为selectData的选择器，用于从应用状态中获取data字段的值。
在MyEffect中的loadSuccess$效果中，我们使用了withLatestFrom操作符来将MyActions.loadSuccess动作和选择器selectData的结果进行关联。通过tap操作符，我们可以在效果中获取到选择器返回的数据，并进行进一步的处理或操作。
需要注意的是，在ngrx效果中使用选择器时，我们需要使用withLatestFrom操作符将选择器的结果与动作进行关联，并使用tap操作符来处理选择器返回的数据。此外，我们还可以根据具体需求在选择器中进行数据转换或过滤等操作。
推荐的腾讯云相关产品和产品介绍链接地址：
相关·内容
我需要从我的effect中的存储中获取一些数据。我已经尝试过withLatestForm了，但据我所知，你只能在一开始就使用它。如果能帮上忙，我们将不胜感激。
浏览 21提问于2020-10-09得票数 0
回答已采纳
我已经使用ngrx schematics生成了动作，它看起来如下所示： LoadUsers = '[User] Load Users'我是否应该生成如下操作：
LoadUsers -哪个效果从REST API获取用户列表，如果api调用具有成功状态，它将调度操作LoadUsersSuccess，该操作实际添加用户列表以存储对象？
浏览 1提问于2018-09-03得票数 2
1回答
我在一个项目中使用ngrx，也使用其他库& ngrx/entity或ngrx/data等ngrx包。
有时，我需要在某些属于ngrx/data的行为中创建效果(从被分派的角度来说)。在我发现一些困难的地方，是使用ngrx/data以一种自动方式甚至由我自己(自定义)发送的一些其他操作的强大依赖性来分派其他操作，如下所
浏览 5提问于2020-05-06得票数 2
我正在尝试用下面的代码行创建一个ngrx功能选择器： export const selectCacheManagementState = createFeatureSelector<AppState,ts(2345) 我在许多其他示例中看到过这种语法(甚至在同一个应用程序中也是如此)。有人能解释一下我可能遗漏了什么吗？
浏览 69提问于2021-11-14得票数 0
1回答
我正在使用NGRX和角7。import { Action } from '@ngrx/store';目前，我只使用这样一个选择器，它在任何状态更改后触发(所以工作正常) =
浏览 0提问于2019-09-09得票数 3
回答已采纳
1回答
现在我有一个页面，我知道我需要显示两篇特定的文章，所以我在智能组件、效果、reducer和actions中都有属性。我正在寻找的是类似公共文章列表的东西，在大多数情况下，我可以通过一些属性，id来选择。这个逻辑应该放在哪里？
谢谢你的建议
浏览 3提问于2018-04-03得票数 0
使用redux体系结构和可观察性，在获取不同的异步源之后，我需要处理数据。
这个场景中的首选实现是什么？您将如何取消订阅服务和/或访问存储？如何实例化您的可观察对象或主题？
我在这里寻找任何最佳实践或模式。
浏览 0提问于2018-07-17得票数 0
回答已采纳
1回答
此外，还有一个LoadProfileAction，我添加了一个效果，就是监听InitAction并触发LoadProfileAction。解决方案是在我的效果中使用withLatestFrom和存储，并检查当前配置文件id。
但是，使用存储的效果是错误的，因为它似乎破坏了通量原理，或者说这不是真的吗？有没有更好的解决办法？谢谢!
浏览 0提问于2018-03-08得票数 3
回答已采纳
1回答
我在一个angular应用程序中使用NGRX，并使用选择器来获取当前作业键，如下所示。使用此密钥，将从文档存储中获取图像。
无论如何，解决方案是有一个单独的图像存储，并且只在ngrx状态下处理图像密钥/标识符。效果很好。，但图像键/标识不会更改，因此我想
浏览 5提问于2019-11-08得票数 0
回答已采纳
1回答
在我的角度应用程序中，我有一个选择器文件plan.selectors.ts，其中有一些非常复杂的选择器。在检索数据时执行了很多计算，其中一些计算与应用程序中的其他业务逻辑共享。举个简单的例子，我有一个DateService，它使用Moment库，它为应用程序提供了函数，比如getDatePlusHours，在那里我可以传递一个Date和一些小时，然后返回新的日期。我希望能够在我的选择器中使用我的DateService
浏览 0提问于2020-10-03得票数 8
3回答
这两个应用程序都可以使用核心效果，只要这是我定义的所有效果，但一旦我为非免费类添加了更多的效果，它就会停止识别核心效果。在我的模块中，我导入效果模块并指定继承的效果类：EffectsModule.forRoot([NotFreeEffects])和EffectsModule.forRoot([FreeEffects])。如果我正确地理解了这一点，这意味着我继承的类被正确地设置为仍然可以看到核心效果(除非我在<
浏览 2提问于2018-05-25得票数 3
回答已采纳
我使用的是Angular 5，ngrx/store。getCurerntItemdId,);
这个选择器在另一个页面上调用当我在page2上打开模型窗口时，项目从服务器加载。所以在page1上，我得到了一个错误的Cannot read property 'subItems' of und
浏览 0提问于2018-06-01得票数 4
在我们的角度网页应用，我们有一些NgRx-效果，使用不同的信息，从我们的商店不同的部分。(select(...)),)
虽然这种方法在生产中似乎很好，但是对于单元测试效果来说，感觉很糟糕。对于我们的单元测试，我们目前正在使用茉莉花弹珠、茉莉花间谍对象和ngrx MockStore (NgRx 7+)。困难的部分是提供必要的存储状态，以便选择器能够正常工作。metadata, customerId, params]) =
浏览 0提问于2019-03-28得票数 2
回答已采纳
1回答
理解ngrx/数据的能力
、、、
我已经阅读了文档和一些教程，但仍然有很多问号：
ngrx/data提供CRUD功能的方法。但是额外的非CRUD请求呢？是否有可能为非CRUD请求(例如登录请求或其他什么)扩展ngrx/数据，并为此实现自己的操作、还原器和效果？ngrx/数据的哪一部分必须扩展？EntityAction？在我的角度项目中，我使用了“传统”存储/操作/还原/效果模式。有时会在多个操作上触发效果(例如，成功的更新
浏览 2提问于2020-04-11得票数 4
回答已采纳
2回答
我使用的是Angular 6，ngrx/store，ngrx/效果。我有一个效果，当我按下“保存”按钮时就会触发。我在那里使用withLatestFrom收集发送到服务器所需的所有数据： saveAll$ = this.actions$.pipe(handleItemsChanges的效果从存储中获取数据。每次与物品相关的东西发生变化时，就会触发handle
浏览 0提问于2018-06-08得票数 7
2回答
我用的是角v5。路由设置： path: "home", }, path:"home2", } path:"**", pathMatch: "full"我面临的问题时，重定向回到家庭的组成部分。家庭组件完成重新初始化。
浏览 1提问于2019-09-12得票数 0
回答已采纳
1回答
我使用NgRx商店/效果，我需要向我的后端服务发送一个请求。请求在我的组件中发起，然后分派到NgRx Effect，然后发送到我的后端服务。但是我需要给我的Http请求附加一段状态。到目前为止，我看到了两种方法：从NgRx驱动的角
浏览 9提问于2019-03-26得票数 0
目前，在我使用NgRx的项目中，I have a facade包含一些函数： LoadMyData() dispatch(MyActions.LoadMyDataAction({ SomeDependentData或者在这个设计中应该有一些改进？ 我的一个同事说，我应该实现一个捕捉我的操作的效果，并解析选择器，然后将解析后的值提供给相同的操作，这种方法可能/好/坏吗？
浏览 14提问于2020-06-08得票数 0
1回答
我有一个@Effect，它使用MemoizedSelector从redux存储中获取一个项目，并使用Action的有效负载对其进行mergeMap。效果非常好，但是为此设置Jest测试已经证明很困难，因为我似乎无法模拟选择器的返回值，因为select是一个已声明的函数，它是导入的(从select中使用，并且选择器本身也是导入的函数。如何编写单元测试来测试使用存储选择器的NGRX效果？)
试图
浏览 0提问于2019-05-13得票数 10
回答已采纳
1回答
当我发出一个动作时，服务被调用不止一次，每次都必须使用"exhaustMap“而不是"concatMap”或"mergeMap“，而且我不知道它是如何突然发生的，因为它以前是可以的。而且我知道，我不会在一次之前发出一个操作，但是它会多次调用该服务(在本例中是两次)。我在contact模块中导入了以下效果：StoreModule.forF
浏览 4提问于2022-08-16得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
