懒功能模块架构迁移到NGRX:Angular 8
大家好，我目前正在一个实现了惰性功能模块体系结构的应用程序中工作. 在下面，您可以看到项目的结构. 由于应用程序不断增长，我们决定将其迁移到Ngrx. 对我来说，这是一种新模式，我正在寻找迁移指南，但是从头开始创建项目时我只能找到ngrx指南. 能否请您给我一些提示，指南，我应该在哪里小心以及可能的一些步骤摘要? 谢谢. 解决方案 准则 可以延迟加载您的商
..
ngrx相关内容
在ngrx的订阅中管道传递
我有一个选择器，它带有一个参数来过滤值. 该参数取决于可观察对象的返回. export class LineSynopticComponent implements OnInit, AfterViewInit { schedules$: Observable; ngOninit(){ this.selectedDate$.subscribe(elm =
..
与SCSS共享Angular 5变量
现在，我正在为3个客户开发Angular 5应用程序.我们已经做了一些必要的实现，但是考虑到它们的布局存在问题.这三个客户对应用程序颜色和字体都有不同的要求. 在我的SASS文件中，我有类似以下内容: //currently selected company $currently-selected-company: company1; //here I set current bra
..
如果出现HTTP错误，如何保证可观察流的连续性?
当遇到HTTP错误响应时，以下方法(onTrySignin)有问题.我的HTTP调用之后的catch块可防止Side Effect引发Action错误.如果我console.log出现此错误. TypeError:您在期望流的位置提供了"undefined".您可以提供一个Observable，Promise，Array或Iterable. 如何保存Observable流并将响应传递到
..
NgRx选择器在状态发生任何变化/选择器的记忆不起作用时发出
我正在将Angular 7和NgRx一起使用.我创建了一个选择器以使用filter从存储中获取一些数据，但是当存储中的任何内容发生更改时，即使该选择器与我的选择器无关，该选择器也会发出. 我已经演示了我的问题.这是我的选择器: export const getMyArrayFilter = createSelector( getCounterState, state =
..
在Redux中克隆然后变异方法
一段时间以来，我一直在阅读redux上的内容.对我来说，有一件奇怪的事.在大多数人给出的示例中，所有复制逻辑都是通过reducer处理的. 我正在使用打字稿，并希望采用一种基于类的方法.但是也许我想念一些东西. 假设我有一个购物车课程.以及小车减速器和小车动作. 看起来是这样的: export class Cart { private items:{[key:string]:n
..
在ngrx中获取当前状态
我正在尝试使用一个最小示例在ngrx中打印当前状态: interface AppState { counter : number; } export function Reducer(state : AppState = { counter : 0 }, action : Action) { console.log(`counter: ${state.counter}`); r
..
如何检测NgRx createAction重复类型
在NgRx中使用复制和粘贴添加新动作时，有时可能会忘记更改为纯字符串的动作类型.当然，将其设置为静态static var可以使其可能性降低，但仍然可以实现. 您如何检测这种疏忽?它可能会导致怪异的错误，这些错误在运行时很难被跟踪，并且似乎在编译时更容易避免. 例如，这些将在运行时导致问题，在编译时没有任何警告 export const meeting_user_doc = cre
..
NgRx无需订阅即可获取价值
我正在通过一些 ngrx 教程工作，我认为我的头脑已经开始缠绕它. 我不了解的是如何做像从Store获取值一样简单的事情: 目标:从商店获取价值，而无需subscribe. IE:store.myStoreProperty或store.getValue()或? 据我了解，从商店中获取价值的唯一方法是执行以下操作: private readonly _
..
测试失败动作-大理石-NGRX效果
测试效果失败的动作时出现问题. 在此处提供一些上下文信息，是在调用 Load 操作时执行loadProducts效果.在效果内部，如果成功执行此请求，则会调用 LoadSuccess 操作，否则将调用 LoadFail .下面的代码 @Effect() loadProducts$ = this.actions$.pipe( ofType(productActions.P
..
如何在ngrx中将withLatestFrom与选择器一起使用?
我有ngrx应用程序，但我无法通过组件中发送的有效负载从选择器中获取值. 我写了一个处理代码的例子: 这是我的状态，其中是一个简单的docs数组. export const initialState = { docs: [{ id: 1, name: "doc1" }, { id: 2, name: "doc2" }] }; export const reducer = c
..
覆盖句柄NGRX DefaultPersistenceResultHandler的成功
我在使用@ ngrx/data时遇到一些困难，希望你们中的一位天才能够帮助我. 我有一个实体集合，并且想存储一些其他信息，以减少到服务器的往返行程，并减少冗余负载.我有一个数据表，只想一次将一个页面加载到实体集合中，为了能够做到这一点，我想向集合中添加其他元数据，以便我知道何时加载更多数据.例如.当我到达已加载数据的末尾时，加载更多(分页将需要知道存在多少条记录以及已经加载了多少条记录).
..
在基于动作/减少器的应用程序中处理多个异步调用的加载状态
我认为此问题不限于特定的框架或库，而是适用于遵循操作-reducer模式的所有基于商店的应用程序. 为清楚起见，我使用的是Angular和@ngrx. 在我正在处理的应用程序中，我们需要跟踪单个资源的加载状态. 我们希望通过其他方式来处理其他异步请求: 操作 GET_RESOURCE GET_RESOURCE_SUCCESS GET_RESOURCE_FAILUR
..
状态在Angular应用程序中意味着什么?
我是NgRx的新手，正在阅读其文档.但是，一开始我遇到以下句子: 状态是一个不变的数据结构. 状态用简单的话是什么意思?需要一些简单的例子来理解这个概念. 我需要学习Flux和Redux才能理解这些概念吗? 解决方案 简单地说，ngrx(或redux或其他状态管理系统)中的状态是在单个时间点上描述系统的方式. 您可以将其视为一个普通的javascript对象，它一次
..
共享时的角度可观察到的行为很奇怪
我可以观察到，当我使用rxjs的"share"运算符时，在Angular模板中的行为会很奇怪.这是我(在服务中)设置两个可观察对象的方法: this.family = this.store.select(getFamily).pipe( tap(family => { if (family == null) { this.loadFamily(); } }
..
量角器等待角度应用稳定
使用量角器运行e2e测试时出现问题.似乎whenStable被调用为时过早(一秒钟的一小部分). 我通过防护加载数据，填充存储，然后容器通过选择器接收此数据，然后将选择器中的数据传递给组件. 我的应用程序是使用Angular 5和ngrx 4构建的. 是否有一种方法可以成功地在适当的时间成功触发whenStable而不创建我自己的用于检查元素是否存在的函数? 编辑了此信息，
..
Ngrx测试-如何配置TestBed以便在测试中实例化整个状态存储
我想在Angular 5应用中为ngrx 4状态存储运行一些集成测试.我的愿望是一次一起测试调度ngrx动作，效果，webapi，模拟服务器和选择器.为效果和还原剂编写单独的测试将是一个耗时的工作，我需要努力一些.我只需要知道我的页面之一何时出现故障，而不是确切的位置. 我在上一个项目中设法将Redux与Angular 2一起使用时做到了这一点.这很容易设置.但是，使用ngrx会遇到一些麻烦
..
商店与商店T
我是使用redux模式的新手，并且刚刚开始使用ngrx.太棒了，我想尽可能多地使用它，但是我对Store概念有一些疑问. 我将尝试通过一些示例来描述问题，并在本文结尾处提出我的问题. 让我们从AppState界面和reducers入手: export interface AppState{ people: Person[], events: Event[] } //
..
我可以在angular + ngrx中使用对象传播语法吗?
我从此处阅读有关对象传播语法的信息，在尝试在我的项目中使用它时，我的设置如下: 角2 angular/cli 1.0.0-rc.0 ngrx/core 1.2.0 ngrx/商店2.2.1 rxjs 5.1.0 打字稿2.0.10 在我的reducer.ts中， export interface State { [id: number]: string } exp
..
NGRX效果-映射操作以进行顺序服务调用和更新存储
我想连续2次将相同的动作传递给不同的实体，例如，我想添加2个实体， entity 1; entity 2; this.store.dispatch(new Add(entity1)); this.store.dispatch(new Add(entity2)); 我遇到的问题是我只有一个动作(实体2一个)的结果 这就是我行动的结果.我想等待第一个动作的结果再通过第二个动作. @ef
..