如何使用 ngrx 和 typescript 连接具有相等值的属性上的列表项

赛贝YT

假设我的州有一个清单:

list: SomeObj[];

在哪里:

SomeObj: {name: string, val: number}

然后我在 SomeObj[] 中有以下项目:

{name: Alice,  val: 1}
{name: Bob,    val: 2}
{name: Bob,    val: 2}
{name: Conrad, val: 3}

我如何订阅以下内容:

{name: Alice,  val: 1}
{name: Bob,    val: 4}
{name: Conrad, val: 3}

我在对 val 属性进行 sum 的同时加入 name 属性。

雷内·温克勒

您需要创建一个按名称对结果进行分组的选择器:

getSumByName = createSelector(
 state => state.list,
 list => groupBy(list, name)
  )

您可以在此处阅读如何实现 groupBy 函数:

对 JavaScript 对象数组进行分组的最有效方法是什么?

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何合并列表中具有相等值的字典并串联不相等的值?

Angular with ngrx 和 typescript 问题与效果

使用 ngrx/selector 和 ngrx/entities 接收具有特定键的数组

使用*和&比较相等值之间有什么区别?

如何选择列中具有相等值的行

如何合并具有相等值的单元格

如何使用 NgRX 和 Karma 正确测试存储

ngrx:如何同步URL和存储数据

在具有React和Typescript的div上使用onFocus

如何使用React和Typescript处理div上的点击事件

如何合并列表中具有相等值的字典并串联不相等的值并使其他字段保留在字典中?

如何编写 Rails SQL 查询以查找所有子项具有相等值的对象

IONIC和NGRX:初始状态有问题

如何删除在Matlab的指定列中矩阵A与矩阵B具有相等值的那些行?

如何选择列中具有相等值的线并保持此特性

熊猫-在迭代中使用具有相等值的行中的值

无法添加属性_ $ visited,无法使用primeNG,angular 2和@ngrx扩展对象

使用angularfire2(v5)和ngrx效果从Firebase获取列表作为数组

如何使用react和typescript使用usecontext?

如何按Excel或GSheet中第二列的值对第一列中具有相等值的列表进行排序?

如何使用jsdom和typescript防止“类型'Global'上不存在属性'...'?

如何使用带有多个页面和入口点的React和TypeScript设置chrome扩展?

如何在具有链支持的Lodash和Typescript中使用mixins

TypeScript:如何获取和使用具有多个声明的类方法的类型

使用documentMode和typescript

如何使用 svelte:component 和 TypeScript?

如何使用React和TypeScript设置Electron?

在 ngrx 8 createReducer() 和 on() 函数中使用@ngrx/router-store 操作

在System.js模块加载器中使用@ ngrx / store和@ ngrx / core