ngrx entity upsertOne by selectId

Question

I have the following action

export const updateSuccess = createAction('Success', props<{ someId: string }>());

And I have an adapter in the reducer like this

export const adapter: EntityAdapter<Model> = createEntityAdapter<Model>({
  selectId: (item: Model) => item.someId,
  sortComparer: false
});

Now when I update an item, the backend is sending that someId. So I do not have the full Model data at that point. So I was thinking I need to filter the entities I have in the state and upsertOne with that filtered item.

So something like this

on(actions.updateSuccess, (state, payload) =>
 adapter.upsertOne(state.entities.filter(entitiy => entity.someId === payload.someId), { ...state, someOtherProperties: 'values' })
),

But this looks incorrect and gives errors. How can I do this?

score 0 · Answer 1 · answered Jun 25 '20 at 19:25

0

You can use upsertOne

updateOne: Update one entity in the collection. Supports partial updates.

https://ngrx.io/guide/entity/adapter#adapter-collection-methods

on(actions.updateSuccess, (state, payload) =>
 adapter.upsertOne({ id: 1, foo: 'bar' }, state)
),

answered Jun 25 '20 at 19:25

timdeschryver

14,415
1
19
32

thanks for your answer. But I am not sure you actually read my question. I did mention that I want to use upsertOne, but for upsertOne the first argument should be the Model, while I only have `someId`. – AngularDebutant Jun 25 '20 at 21:48
It should not be the whole model, it just needs the id and the properties you want to update – timdeschryver Jun 26 '20 at 06:55
But is there a way to get an item by id in the reducer? – AngularDebutant Jun 26 '20 at 07:08
`state.entities.filter(entitiy => entity.someId === payload.someId)` – timdeschryver Jun 26 '20 at 07:21
state.entities.find(entitiy => entity.someId === payload.someId) – timdeschryver Jun 26 '20 at 07:41

ngrx entity upsertOne by selectId

1 Answers1