ngrx-store相关内容
我正在处理现有的代码库,我的任务是在我的更新图表中实现错误处理,但不确定如何正确实现,因为我使用的是商店管理,所以如果我能就如何在商店中实现错误处理获得任何建议或帮助,我将不胜感激。 我做了类似的操作,并通过在我的ChartService.ts文件中提供错误的API路由来测试它,但我没有收到错误消息,而且无论我提供的更新图表的API路径是正确的还是错误的,它总是显示&已保存。 我现在遇
..
我刚刚升级到ngrx/store版本8。我注意到ng更新删除了StoreFreeze的所有出现。也会将其从metaReducer中删除。 所以我的问题是--为什么? 将store Freeze与ngrx 8一起使用有问题吗? ngrx8之前: import { ActionReducerMap, MetaReducer } from '@ngrx/store'; impor
..
目前,我希望在我的项目上使用NgRx,并且我有一个与从服务器获取数据相关的问题。 例如,我有这样的代码。 组件中 // import .... export class ToDoComponent implements OnInit { todo$: Observable; ToDoSubscription: Subscription; ToD
..
我正在使用角度创建我的第一个NGRX项目,并遵循tutorial(请在此处找到所有文件代码)。 当我在app.mdole.ts中声明缩减器时,我面临此编译错误。 Type '(state: Tutorial[] | undefined, action: Actions) => Tutorial[]' is not assignable to type 'ActionReducer
..
根据他们的示例-app,我迁移到了Ngrx Store v4.1.1(+Angular5)。除了一个子存储外,一切都像以前一样运行正常。该子存储的状态包含一个已更改的映射。但对此地图的更改不知何故无法识别。 可以在以下位置找到工作柱塞:https://plnkr.co/edit/2Z77Cq?p=preview 详细代码如下 我的NgModule是这样的: import {reduc
..
我对棱角分明还不熟悉。在这里,我使用ngrx来管理我的角度应用程序中的状态。但是当我编译时,我得到了以下错误。它说‘动作’和‘动作’的参数类型是不兼容的。我想知道这是什么原因,怎么解决这个问题? Error: src/app/shopping-list/store/shoppingList.actions.ts:9:5 - error TS2564: Property 'payl
..
我阅读了ngrx store的documentation关于选择器的内容,需要弄清楚如何创建一个选择器以便按项ID选择一项。当我从selectAllItems选择器中获得所有物品时,我已经可以将此作为商店订阅的一部分,但我需要弄清楚如何从商店中的物品列表中选择特定的物品。我的主要原因是createSelector提供了我喜欢从中受益的性能提升。 以下是我的代码: import { Ap
..
我的角度(4.x)应用程序中有@ngrx/store包,并且正在从v2.2.2->v4.0.0升级。我可以看到迁移注释是这样写的: 已从操作接口中删除有效负载属性。 然而,他们给出的例子似乎完全违反直觉(在我看来……)。 我有一个减速器函数,如下所示: export function titleReducer(state = { company: 'MyCo', site: '
..
我正在尝试使用 ngrx store + ng 效果为我的应用编写登录流程.我设法编写了它并且它在快乐的场景中工作,但是当用户向表单输入错误的值时,服务器以 401 响应,下一次登录尝试无效.我已经读到,在使用 observable 时必须捕获异常,以免“破坏"流,但据我所知,我捕获了异常并且现在仍在工作. 在代码下方; 导出类 LoginComponent {记录 = 新的 Observ
..
我从一个组件分派一个动作 this.store.dispatch({type : STORE_TEAMCREST , payload : team.crestURI}); 在另一个组件中,我使用 从商店中选择 this.store.select(state => state.table.teamCrest).subscribe(data => this.teamCrest = data);
..
注意:为简单起见,将组件深度视为: - 智能(大)父级 0- 哑巴1级....- 哑孙2级....) 关于智能/大/父/子组件如何在 MULTI-LEVEL(至少 3 个级别)链上进行通信和向上和向下传递数据,有多种选项和条件.我们希望将我们的“智能"(大)父组件作为唯一可以访问我们的数据服务(或原子/不可变存储)的组件,它将推动与“哑"(大)子组件的信息交换.我们看到的选项是: Ant
..
我们有以下路由方案: export const ROUTES: Routes = [{路径: ':userId',组件:fromContainers.OrganizationComponent,可以激活:[],孩子们: [{ path: '', pathMatch: 'full', redirectTo: 'posts' },{路径:'帖子',loadChildren: './views/pos
..
我最近正在使用@ngrx/store 学习 Angular 6,其中一个教程是使用 @ngrx/store 进行状态管理,但是我不明白在幕后使用 @ngrx/store 的好处. 例如,对于简单的登录和注册操作,之前通过使用服务(我们称之为 AuthService) 我们可能会使用它来调用后端 api,存储“userInfo"或“token"在 AuthService 中,将用户重定向到“主
..
我们刚刚将我们的一个应用程序升级到 Angular 5,并开始过渡到 可出租操作符,在 rxjs v5.5 中引入. 因此,我们使用 .pipe() 运算符将可观察管道重写为新语法. 我们之前的代码看起来像这样,在 .switchMap() 里面有一个 .catch() 以便在抛出错误时不会中断效果的运行. @Effect()loadData$ = this.actions$.ofT
..
我最近正在使用@ngrx/store 学习 Angular 6,其中一个教程是使用 @ngrx/store 进行状态管理,但是我不明白在幕后使用 @ngrx/store 的好处. 例如,对于简单的登录和注册操作,之前通过使用服务(我们称之为 AuthService) 我们可能会使用它来调用后端 api,存储“userInfo"或“token"在 AuthService 中,将用户重定向到“主
..
app.component.html app.component.ts import 'rxjs/add/operator/let';从“@angular/core"导入 { Component, ViewEncapsulation };import { EchoesState, getSidebarCollapsed$ } from './core/store';从“@ngrx/stor
..
我们刚刚将我们的一个应用程序升级到 Angular 5,并开始过渡到 可出租操作符,在 rxjs v5.5 中引入. 因此,我们使用 .pipe() 运算符将可观察管道重写为新语法. 我们之前的代码看起来像这样,在 .switchMap() 里面有一个 .catch() 以便在抛出错误时不会中断效果的运行. @Effect()loadData$ = this.actions$.ofT
..
我有一个角度组件显示列表中的项目.可以选择每个 itemn,所选项目的 id 将存储在 state 中.所以我的状态对象看起来像这样: { items: Item[];选择:字符串[] } 现在我得到了一个名为 DeleteSelectedAction 的操作,它将 selected 作为有效负载.此操作将使用效果等调用某些 WebAPI. 现在我找到了两种方法来做到这一点. 第一
..
我使用以下命令安装 ngrx/store: ng 添加@ngrx/store 然后我想添加商店 ng 生成 store auth/Auth --module auth.module.ts 出现以下错误: 发生未处理的异常:Schematic “store"没有找到集合“@schematics/angular".参见“xxx\angular-errors.log"为了更多详情.
..
Effect 可以像 Promise.all 这样等待两个动作吗?示例: @Effect()公共添加用户(){返回 this.actions$.ofType(user.ADD).switchMap(() => {返回 this.userService.add();}).map(() => {返回新用户.AddSuccessAction();});}@影响()公共添加用户选项(){返回 this.
..