调度和选择的NGRX执行顺序

文章/答案/技术大牛

发布

1回答

javascript、angular、rxjs、ngrx

我有一个post按钮，它将触发addPost()方法来分派操作(将post添加到服务器中)，然后选择添加的post Id。我有一个Add_Success缩减程序来将添加的帖子id分配到selectedPostId中，getCurrentPostHeaderId选择器将使用它。我期望的正确执行顺序是: 1.调度AddPost操作2.选择添加的帖子Id 但在第一次执行后，顺序总是出错:

浏览 22提问于2019-09-29得票数 0

1回答

NGRX效果-未按顺序执行调度的操作

angular、ngrx、ngrx-effects

问题是调度的操作没有按顺序执行。下面是我的代码。请建议需要做哪些更改才能使调度的操作按顺序执行 NTSPrintOrder$: Observable<any> = this.actions$.pipe( ofType(

浏览 6提问于2019-11-05得票数 2

3回答

我正在使用ngrx测试一个Angular 2原型应用程序。在几乎所有的情况下，操作必须在更新状态之前异步地从后端API获取数据。我使用标准方法在ngrx/effects中完成此操作，方法是获取数据，然后使用获取的数据创建另一个操作来处理状态(当然是使用reducer )。我注意到的是，第二个操作是按照从后端检索数据的顺序处理的，而不是按操作启动的顺序处理的。这可能会产生一些不幸的影响。在<

浏览 25提问于2018-02-21得票数 1

2回答

使用构造函数在存储上进行选择，并使用ngOnInit从存储中分派

ngrx、ngrx-store、ngrx-store-4.0

我的问题是关于调度&从ngrx商店中选择。让我们看一下官方示例应用程序中的以下代码： books$: Observable<BookfromBooks.getBookCollection); this.store.dispatch(new collection.Load());} 我想了解是什么促使从ngOnInit中

浏览 2提问于2017-10-29得票数 14

1回答

ngrx商店-如何在UI中管理可能持久的操作

angular、ngrx

我开始研究ngrx/Store，并面临以下问题。 () => loading.dismiss()上面代码片段中的关键点(针对我的问题)是，当longRunningService完成doHeavyW

浏览 1提问于2017-01-12得票数 2

回答已采纳

1回答

如何获取reducer中新增数据的id

angular、redux、ngrx

我正在调度一个在数据库中创建数据的操作，并在reducer中添加该数据。我的问题是，我如何才能获得刚刚添加的数据的id？我想向用户显示id。this.alldata= this.store.select(fromStore.getAllData); } 数据在存储中创建，如下所示 id:{ test:"hello“} 减速器具有这些标准选择器://github.com/UltimateAngular/ngrx-stor

浏览 20提问于2019-05-02得票数 0

1回答

NgRx - reducer被无限次触发

angular、ngrx、ngrx-store、ngrx-effects、ngrx-reducers

我正在尝试通过NgRx effect检索本地存储数据。调度PATIENT_FETCH操作以执行效果。但在调用ngOnInit方法中的dispatch方法时具有无限调用。如果您取消注释给定链接的patient.component.ts中的第24行，那么reducer将被调用无限次。我可能在NgRx实现中遗漏了一些东西。

浏览 10提问于2021-01-25得票数 0

回答已采纳

1回答

ngrx实体-订单为何重要

ngrx、ngrx-entity

目前，我正在研究ngrx实体，我在博客文章中看到，通过这个特性，我们基本上可以说，我们的实体就像数据库表。但我一件事都坚持不了。为什么要关注集合中的顺序？因为如果我有一个数据库，我不关心表中的顺序，我只是按我想要的顺序选择数据。这也可能是通过选择器实现ngrx的方式。

浏览 5提问于2022-11-21得票数 0

3回答

何时在angular2中使用ngrx/effect

angular、angular-services、ngrx、ngrx-effects

我有一个与应用程序接口通信的anuglar2项目。最近，我决定集成ngrx/store来维护组件的状态，并遵循转储智能组件架构。但是接着，我读到了ngrx/effect，它可以在api请求上使用。我的问题来了，为什么我应该使用ngrx/effect库，而不仅仅是从容器组件调用我的服务中的相应函数来执行api请求，并在成功的情况下调度操作以将返回值保存在我的</e

浏览 1提问于2017-05-22得票数 12

1回答

ngrx选择器是否在初始加载时调用一次

angular、ngrx、ngrx-entity

ngrx选择器有一个发出的值，而根本没有调度任何操作，这正常吗？即使在我的应用程序中未调度任何操作，此console.log也会在此处运行 select(fromBookmarks.selectBookmarks

浏览 10提问于2020-09-06得票数 0

2回答

NgRx测试-检查分派动作的顺序

angular、unit-testing、mocking、jasmine、ngrx

在运行单元测试和在store.dispatch()函数上创建茉莉花间谍时，我正在嘲笑我的NgRx存储。有了这一点，我当然能够证实：被模拟的store.dispatch()函数被调用的次数。以上只是一个简单的单元测试示例，但是如果稍后运行集成测试，我想有一种方法来验证不同动作的发送顺序是有用的。我曾尝试直接访问调度模拟中的“调用”列表(就像Jest中可以完

浏览 1提问于2020-05-05得票数 7

回答已采纳

4回答

当未在ngrx/effects中分派动作时，陷入无止境的循环

angular、ngrx

我使用Angular2和ngrx/store以及ngrx/effects进行状态管理。当某个操作失败时，我想显示一条错误消息，但似乎无法在@Effects()块中执行此任务。似乎@Effect() 必须返回一个新的dispatch()，但我不明白为什么。为什么上面的警告()运行了无数次呢？编辑：，我是，不是多次调度SelectOfficeActions.LOAD_FAIL。只有一次

浏览 1提问于2016-08-25得票数 11

回答已采纳

1回答

Ngrx效应不听动作

angular、ngrx、ngrx-effects

我想在我的角度应用程序(V7)中使用ngrx/efffect和ngrx/store。按照的建议，我在我的应用程序中配置了所有的东西。在AppComponent中调度操作时，还原器按预期工作，但看起来效果没有侦听任何动作。执行ng serve -o后，检查控制台。所有记录都按预期进行记录，但生效的记录除外。catchError(err => of(new fromActions.GetItemsSuc

浏览 1提问于2019-03-14得票数 0

回答已采纳

2回答

NgRx -减速器的执行顺序和效果

angular、ngrx

我有一个使用NgRx 8.3.0的角8应用程序对于其中一个操作，我需要在效果之前执行还原器，因为效果取决于还原状态。NgRx是否保证该命令，或者是否有强制执行该命令的方法？

浏览 6提问于2020-01-31得票数 24

回答已采纳

1回答

对Angular路由器更改执行调度操作

angular、angular-routing、ngrx、ngrx-store

我正在使用Angular 8应用程序中的Ngrx，我想在用户关闭路由器时调度一个操作。我有什么选择？我是否必须创建新的卫士并从路由器实现CanDeactivate方法，或者我可以在没有任何额外服务的情况下直接从我的组件完成这项工作？感谢您的任何提示或示例

浏览 13提问于2020-04-02得票数 1

回答已采纳

2回答

角度显示缓存数据，并在需要时在后台更新新数据。

angular

我正在开发一个角度应用程序来处理来自服务器的大量数据。因此，每个API调用最多需要5秒，而且我们有几个页面调用API。我想要实现的是为我正在访问的每个页面保存缓存中的数据，如果我再次导航到该页面，我将立即看到缓存的数据，调用API来获取新的数据，并且只刷新他们的模型已经更改的组件。现在，API调用是从ngOnInit方法执行的，应用程序在显示结果之前显示spinner。除了将json保存在本地存储空间或类似的东西之

浏览 1提问于2020-01-29得票数 2

回答已采纳

2回答

NgRx如何按顺序分派两个动作

action、ngrx、dispatch

我似乎无法找到一种使用NgRx (而不是RxJS风格)来分派两个动作的方法。我想(按这个顺序)： catchError(() => EMPTY) ) ); 如何按此顺序触发(

浏览 0提问于2021-11-18得票数 3

回答已采纳

2回答

如何处理NGRX控制流

angular、ngrx

我是angular + ngrx的新手，我有一个关于在规模上适当的控制流的问题。假设我有一个Cars组件，该组件可以加载汽车列表并可以创建新汽车。一旦这些效果被执行，他们就会SUCCESS和FAILURE动作。在我的ngOnInit，我订阅了这些成功/失败操作中的每一个来执行适当的操作-例如： ngOnInit() { .pipe( ofTyp

浏览 36提问于2021-02-23得票数 0

回答已采纳

1回答

Ngrx存储以及如何防止数据重载

angularjs、reactive-programming、ngrx

目前，我正在尝试使用Ngrx store学习Angular。在看完样本后，我得出了以下结论。(对于完整的源) } 但也许我在理解上有问题，现在每次我更改到这个组件时，ngOnInit中的分派都会重新加载服务器中的所有数据，所以每次我单击此页面时，我的存储都会刷新。但是它不应该使用存储中已经存在的数据吗？

浏览 18提问于2017-06-27得票数 1

回答已采纳

2回答

在调试使用ngrx的Angular应用程序时，我如何找到调度给定操作的代码行？

angular、redux、ngrx、ngrx-effects

目前，我正在处理一个变得相当复杂的项目。它使用Angular和ngrx来管理状态更改。我遇到的一个常见问题是处理特定的效果或状态，并且需要知道相关操作被调度到哪里。有时这是直接的，因为只有一行代码来分派动作，有时这很复杂，因为有几行代码。这也很难理解作为动作的结果会发生什么，因为它可能会导致组件更改和触发效果(这会分派更多的动作)。我知道Redux Devtools，但这是不够的，因为它只告诉我们操

浏览 23提问于2021-09-09得票数 1

点击加载更多