Tengo una estructura de mapa de objetos que guardo en la tienda de componentes:
{ id1: { name: param1, value: 45 }, id2: { name: param2, value: 567 } }tengo seleccionador:
objectsMap$: Observable<ObjectsMapModel> = this.select( (state) => state.objectsMap );y esto funciona perfectamente, dispara cada vez que cambié la estructura de todo el mapa.
readonly setObjectMap = this.updater((state: MainStore, data: ObjectMapModel) => { return { ...state, objectMap: data }; });También tengo un actualizador que cambia el valor de un solo objeto:
readonly setSingleObjectValue = this.updater((state: MainStore, data: ObjectModel) => { const objectMapWithNewValue = state.objectMap[data.id] = {...data} return { ...state, objectMap: objectMapWithNewValue }; });Ahora necesito un selector por objeto individual en el mapa de objetos. Tengo muchos objetos aquí y no es posible crear selectores uno por uno. Para este propósito encontré 3 formas:
Solución que no funciona y no entiendo por qué.
objectById(id: string): Observable<ObjectModel> { return this.select(state => { // method never enter this line return state.objectMap[id] }) } objectById$ = this.objectById;Esta solución funciona, pero mi reductor primero necesita cambiar toda la estructura de objectMap para activar primero el selector de objectMap y luego cambiar el valor de referencia/actualización de mi objeto. Pero cambiar la referencia de toda la estructura de objectMap no está bien para mí, no quiero eso.
objectById2(id: string): Observable<ObjectModel> { return this.select(this.objectsMap$, (objectsMap) => { return objectsMap[id]; } )} objectById2$ = this.objectById2;La tercera solución que hice para probar, solo para un objeto. Funciona bien, pero no lo necesito porque quiero un método dinámico para la suscripción de objetos por id (como 1) o 2) arriba).
objectWithId1$: Observable<ObjectModel> = this.select( (state) => { return state.parameterDescription['id1'] } )2 y 3 funcionan, pero no los necesito. No entiendo por qué la solución 1 no funciona.