angular – 如何使用@ngrx / entity通过id选择单个对象

发布时间：2020-12-17 17:11:13 所属栏目：安全来源：网络整理

导读：使用@ngrx / entity我希望通过实体映射中的id数组按单个id或实体数组选择实体. 当实体集合获取新元素或实体项目发生更改时,我不希望触发组件内的选择订阅,我根本没有选择. 当我使用selectEntities选择器然后从结果中选择ID时,这显然发生在我身上. 那么如何从

使用@ngrx / entity我希望通过实体映射中的id数组按单个id或实体数组选择实体.

当实体集合获取新元素或实体项目发生更改时,我不希望触发组件内的选择订阅,我根本没有选择.

当我使用selectEntities选择器然后从结果中选择ID时,这显然发生在我身上.

那么如何从实体集合中按ID选择1个或n个项目？

解决方法

NgRx支持参数化选择器 passing props as the last argument to a selector function：

export const selectEntity = createSelector(
  selectEntities,(entities,props) => entities[props.id]
);

export const selectEntitiesByID = createSelector(
  selectEntities,props) => props.ids.map(id => entities[id])
);

完全按照您的预期调用它们：

this.store.pipe(
  select(selectEntity,{ id: someID })
);

this.store.pipe(
  select(selectEntitiesByID,{ ids: arrayOfIDs })
);

如果您的ID不会更改,您可以将这些ID重构为工厂功能：

export const selectEntity = id => createSelector(
  selectEntities,entities => entities[id]
);

export const selectEntitiesByID = ids => createSelector(
  selectEntities,entities => ids.map(id => entities[id])
);

因此被称为：

this.store.pipe(
  select(selectEntity(someID))
);

this.store.pipe(
  select(selectEntitiesByID(arrayOfIDs))
);

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!