ngrx-store相关内容

如何在角度存储上实现错误处理

我正在处理现有的代码库,我的任务是在我的更新图表中实现错误处理,但不确定如何正确实现,因为我使用的是商店管理,所以如果我能就如何在商店中实现错误处理获得任何建议或帮助,我将不胜感激。 我做了类似的操作,并通过在我的ChartService.ts文件中提供错误的API路由来测试它,但我没有收到错误消息,而且无论我提供的更新图表的API路径是正确的还是错误的,它总是显示&已保存。 我现在遇 ..
发布时间:2022-04-13 09:33:47 其他开发

Store冻结和ngrx8

我刚刚升级到ngrx/store版本8。我注意到ng更新删除了StoreFreeze的所有出现。也会将其从metaReducer中删除。 所以我的问题是--为什么? 将store Freeze与ngrx 8一起使用有问题吗? ngrx8之前: import { ActionReducerMap, MetaReducer } from '@ngrx/store'; impor ..
发布时间:2022-04-13 09:31:42 其他开发

当ngrx存储状态包含映射时,为什么无法识别对此映射的更改?

根据他们的示例-app,我迁移到了Ngrx Store v4.1.1(+Angular5)。除了一个子存储外,一切都像以前一样运行正常。该子存储的状态包含一个已更改的映射。但对此地图的更改不知何故无法识别。 可以在以下位置找到工作柱塞:https://plnkr.co/edit/2Z77Cq?p=preview 详细代码如下 我的NgModule是这样的: import {reduc ..
发布时间:2022-04-13 09:24:32 其他开发

参数';操作';和';操作';的类型不兼容,角度ngrx中缺少属性';有效负载';

我对棱角分明还不熟悉。在这里,我使用ngrx来管理我的角度应用程序中的状态。但是当我编译时,我得到了以下错误。它说‘动作’和‘动作’的参数类型是不兼容的。我想知道这是什么原因,怎么解决这个问题? Error: src/app/shopping-list/store/shoppingList.actions.ts:9:5 - error TS2564: Property 'payl ..
发布时间:2022-04-13 09:08:30 其他开发

如何创建选择器以按ID从ngrx商店选择项目

我阅读了ngrx store的documentation关于选择器的内容,需要弄清楚如何创建一个选择器以便按项ID选择一项。当我从selectAllItems选择器中获得所有物品时,我已经可以将此作为商店订阅的一部分,但我需要弄清楚如何从商店中的物品列表中选择特定的物品。我的主要原因是createSelector提供了我喜欢从中受益的性能提升。 以下是我的代码: import { Ap ..
发布时间:2022-04-13 09:04:07 其他开发

升级@ngrx/Store时,类型';操作';上不存在属性';有效负载';

我的角度(4.x)应用程序中有@ngrx/store包,并且正在从v2.2.2->v4.0.0升级。我可以看到迁移注释是这样写的: 已从操作接口中删除有效负载属性。 然而,他们给出的例子似乎完全违反直觉(在我看来……)。 我有一个减速器函数,如下所示: export function titleReducer(state = { company: 'MyCo', site: ' ..
发布时间:2022-04-13 09:01:47 其他开发

错误后 rx 损坏时可观察到

我正在尝试使用 ngrx store + ng 效果为我的应用编写登录流程.我设法编写了它并且它在快乐的场景中工作,但是当用户向表单输入错误的值时,服务器以 401 响应,下一次登录尝试无效.我已经读到,在使用 observable 时必须捕获异常,以免“破坏"流,但据我所知,我捕获了异常并且现在仍在工作. 在代码下方; 导出类 LoginComponent {记录 = 新的 Observ ..
发布时间:2022-01-01 22:40:20 前端开发

Angular 2+/4/5/6/7:智能、愚蠢和深度嵌套的组件通信

注意:为简单起见,将组件深度视为: - 智能(大)父级 0- 哑巴1级....- 哑孙2级....) 关于智能/大/父/子组件如何在 MULTI-LEVEL(至少 3 个级别)链上进行通信和向上和向下传递数据,有多种选项和条件.我们希望将我们的“智能"(大)父组件作为唯一可以访问我们的数据服务(或原子/不可变存储)的组件,它将推动与“哑"(大)子组件的信息交换.我们看到的选项是: Ant ..
发布时间:2021-11-09 00:42:26 其他开发

Angular 6 - 为什么使用 @ngrx/store 而不是服务注入

我最近正在使用@ngrx/store 学习 Angular 6,其中一个教程是使用 @ngrx/store 进行状态管理,但是我不明白在幕后使用 @ngrx/store 的好处. 例如,对于简单的登录和注册操作,之前通过使用服务(我们称之为 AuthService) 我们可能会使用它来调用后端 api,存储“userInfo"或“token"在 AuthService 中,将用户重定向到“主 ..
发布时间:2021-11-08 22:56:15 其他开发

在可管道化 rxjs 运算符的组合管道中捕获错误

我们刚刚将我们的一个应用程序升级到 Angular 5,并开始过渡到 可出租操作符,在 rxjs v5.5 中引入. 因此,我们使用 .pipe() 运算符将可观察管道重写为新语法. 我们之前的代码看起来像这样,在 .switchMap() 里面有一个 .catch() 以便在抛出错误时不会中断效果的运行. @Effect()loadData$ = this.actions$.ofT ..
发布时间:2021-11-08 22:37:25 其他开发

Angular 6 - 为什么使用 @ngrx/store 而不是服务注入

我最近正在使用@ngrx/store 学习 Angular 6,其中一个教程是使用 @ngrx/store 进行状态管理,但是我不明白在幕后使用 @ngrx/store 的好处. 例如,对于简单的登录和注册操作,之前通过使用服务(我们称之为 AuthService) 我们可能会使用它来调用后端 api,存储“userInfo"或“token"在 AuthService 中,将用户重定向到“主 ..
发布时间:2021-11-08 22:30:54 其他开发

在可管道化 rxjs 运算符的组合管道中捕获错误

我们刚刚将我们的一个应用程序升级到 Angular 5,并开始过渡到 可出租操作符,在 rxjs v5.5 中引入. 因此,我们使用 .pipe() 运算符将可观察管道重写为新语法. 我们之前的代码看起来像这样,在 .switchMap() 里面有一个 .catch() 以便在抛出错误时不会中断效果的运行. @Effect()loadData$ = this.actions$.ofT ..
发布时间:2021-06-07 20:28:15 其他开发

如何使用当前状态值分派动作?

我有一个角度组件显示列表中的项目.可以选择每个 itemn,所选项目的 id 将存储在 state 中.所以我的状态对象看起来像这样: { items: Item[];选择:字符串[] } 现在我得到了一个名为 DeleteSelectedAction 的操作,它将 selected 作为有效负载.此操作将使用效果等调用某些 WebAPI. 现在我找到了两种方法来做到这一点. 第一 ..
发布时间:2021-06-07 20:28:00 其他开发