ngrx 相关问题

NgRx为Angular提供了一组反应库

Angular 单元测试 - 无法读取未定义的属性(读取“大小”)NgRx

我收到关于我的规范文件单元测试的错误,但没有成功解决,当我在 karma chrome 上运行 npm test 时显示错误: 在此处输入图像描述 agent.service.spec.ts: 进口{

回答 2 投票 0

Cypress - 以编程方式操作 Angular/NGRX 应用程序

您如何以编程方式与 Cypress 的 Angular/NGRX 交互? cypress 文档似乎仅指 React:https://www.cypress.io/blog/2018/11/14/testing-redux-store/ // 当 ...

回答 2 投票 0

如何使用 NgRx 将结果从一个选择器传递到另一个选择器

我有以下选择器,我希望它返回排序和过滤列表。 导出常量 selectSortedAndFilteredDataServices = ( 选择属性:选择属性, ): 记忆选择器 我有以下选择器,我希望它返回排序和过滤列表。 export const selectSortedAndFilteredDataServices = ( selectProperties: SelectProperties, ): MemoizedSelector<AppState, DataService[], DefaultProjectorFn<DataService[]>> => createSelector( selectDataServices, selectSortedDataServices(selectProperties.sort), selectFilteredDataServices(selectProperties.filter), (state: DataServiceState) => state.dataServices, ); 我希望 selectSortedDataServices 选择器将其结果传递给下一个选择器,但是在每一步中,子选择器都在对原始列表进行排序和过滤。 我需要更改什么才能将每个选择器的结果传递给下一个选择器? 这不是 createSelector 函数的工作方式。 伪代码: const mySelector = createSelector( selector1, selector2, selector3, (selector1Result, selector2Result, selector3Result) => //your sort and filter logic 因此,考虑到这一点,您可以构建一个服务来映射和过滤结果,或者您可以组合不同的选择器来拆分您的逻辑: const selectDataServices = createSelector(...) const selectSortedDataServices = (selectProperties: SelectProperties) => createSelector( selectDataServices, (services) => //your sort logic const selectFilteredDataServices = (selectProperties: SelectProperties) => createSelector( selectSortedDataServices, (services) => //your filter logic ) 顺便说一句,我不会使用属性或带有属性的选择器工厂,因为那样你就失去了选择器缓存(记忆)。此时你需要的一切都应该在状态中准备就绪。

回答 1 投票 0

错误消息不会以角度形式消失

我有一个问题是错误消息没有出现在表单字段中。 在 ngOnInit() 中,我们声明此代码用于删除错误消息,此代码只需将鼠标悬停在 ...

回答 0 投票 0

JSON.stringify 大型对象用于类似商店的目的

我得到这样的状态 Observable: 这里最重要的是这一行:map((action: any) => JSON.stringify(action)), 动作:any 只是包含所有 ngrx 存储属性的对象,...

回答 0 投票 0

软件包支持终止日期

在一些软件包版本的支持生命周期结束时需要一些帮助。以下是带有版本的软件包列表。 1.stylelint(v13.12.0,v14.15.0) 2.jasmine-spec-reporter(v...

回答 0 投票 0

如何从 nx 工作区项目库中删除未使用的代码(大多数库都在 Angular - typescript 中)?

我们已经设置了 eslint 规则(no-unused-vars)来检测未使用的变量和未使用的导入。 我们苦苦寻找的是未使用的组件、状态管理代码、css 样式和未使用的

回答 1 投票 0

无法使用 ngrx 从商店获取产品

我正面临一个我无法解决的有线问题 实际上我有以下内容: getProduct$ = createEffect(() => 这个.actions$.pipe( 类型(ACTIONS.getProduct), mergeMap(({ id ...

回答 0 投票 0

上传文件时如何显示进度?

我用的是ngrx。我想显示文件上传进度。 目前我有文件正在上传,但是没有显示上传进度。 我也收到一个错误: 错误:效果“FileEffects.

回答 1 投票 0

ngrx 角度动作和效果不会触发

知道这个项目是从源代码控制中提取的,在角度项目中不会触发操作,那里一切都在 100%,但是当尝试开发新功能时,操作不是三...

回答 0 投票 0

Cli 命令在子模块中安装 NGRX 存储

在我的项目中,我有一个惰性模块,我想在子模块下创建 NGRX 存储文件夹。那么,在...下创建商店以及动作、缩减器和效果的 cli 命令是什么?

回答 1 投票 0

Angular 如何为 ChangeDetectionStrategy.OnPush 更新 UI

我有 Angular 写的项目 但是在我的组件中使用 ChangeDetectionStrategy.OnPush 我将 properti 更新为存储中的新值,但 UI 未更新 所以任何人都可以帮我解决这个问题(c ...

回答 1 投票 0

'Expect'-使用 jest inside subscriptions 检查未按预期运行

我有这两个测试来测试我的应用程序的初始状态,它们都以类似的方式意外运行: describe('AppComponent', () => { 让组件:AppComponent 让夹具:

回答 0 投票 0

如何从后端重新加载数据以更新保存在 ngrx store 中的数据

我有一个效果,在启动应用的时候保存用户的个人资料,但是我需要从后端再次请求它来更新它 loadProfile$ = createEffect(() => 这个.actions$.pipe( 哦...

回答 0 投票 0

Angular 模板不渲染属性值,但是 |同一对象上的 json 显示属性具有值

我有一个 Observable 对象,我正在从我的商店中选择一个角度组件。该模板如下所示: {{ 用户 | JSON }} 我有一个 Observable 对象,我在一个角度组件中从我的商店中选择它。模板看起来像这样: <div *ngIf="user$ | async as user"> {{ user | json }} <h1>Welcome, {{ (user.email }}!</h1> <button (click)="onLogout()">Logout</button> </div> 在模板将对象呈现为 json 字符串的位置,我可以看到有一个名为“email”的属性具有一个值。我知道 Observable 流有一个值,因为 *ngIf 正在评估 truthy。有什么想法我可能做错了吗? 有一个错别字-不必要的“(” {{ (user.email }} ---^

回答 1 投票 0

Angular 14 如何将 observable<number> 转换为 number

所以在我的组件中我有: 构造函数(私人商店:商店,私人篮子商店:商店<{ basket: Photo[] }>){} 位置$! :可观察; RemoveFromBasket(照片:照片){

回答 2 投票 0

Convert Observable from createSelector using ngrx and rxjs (TS2740: Type 'MemoizedSelector error)

所以我从 ngrx 存储中检索数据的传统方法是: public getUser(): Observable { 返回 this.store.select(store => store.users.selectedUser); } 但我正在努力

回答 2 投票 0

rxjs 中的嵌套订阅

我有一个 Observable 的名字 changes$,changes$ 因为 observable 有一个属性也是 Observable。这就是我的界面:(changes$ 是一个 CombinedSaveableChanges!) 导出接口 SaveableChang...

回答 0 投票 0

替代两次订阅

我有一个 Observable 名称 changes$,changes$ as observable have ein Property thas 也是一个 Observabl3e。这就是我的界面: 导出接口 SaveableChange { 可比值$:观察...

回答 0 投票 0

通过键修改嵌套对象不会在NGRX中触发效果。

我有一个NGRX商店是这样的:export interface INavigationSettings { gridLayout: { [Breakpoints.Small]: GridLayout; [Breakpoints.Large]: GridLayout; }; /... } 我有一个...

回答 1 投票 1

© www.soinside.com 2019 - 2024. All rights reserved.