Category "ngrx"

NgRx store runtime check NgZone failing on android

We implemented a network check as a side effect with window event online and offline. online$ = createEffect(() => { return fromEvent(window, 'online').pip

NGRX router-store: selectCurrentRoute selector undefined

I'm trying to use the selectCurrentRoute selector, but I only get undefined. export interface AppState { router: RouterReducerState<RouterStateUrl> } e

Configure Angular Routes with Auth0s AuthGuard

I would like to configure my lazy loaded routes nested, which are only available if the users is logged in. Authentication works with Auth0s and it's correspond

Read data from ngrx store directly

I saw in our codebase a lot of places using this pattern getUrl() : string { let url = '' this.store.pipe(selectorConfig, take(1)).subscribe((config) =&

Rxjs only execute last item in queue with concatMap

I am using NGRX with RXJS. In the effects layer, I am using a concatMap to queue my requests, however, once the latest request is complete, I want to execute th

how to grab the payload inside of withlatestfrom with ngrx?

hi i have the following code where the selector requires an index to grab a value from the store, I use withLatestFrom to grab this value from the store only th

Typescript errors in `store.select()` after upgrading from ngrx@12 to 13

After I upgraded ngrx from v12 to v13 I'm getting such errors when using store.select(selector) TS2769: No overload matches this call.   Overload 1 of

Process and store data angular 13 [closed]

I'm working on angular 13 application where I need to show real time or past 24 hours data for different KPIs. The flow is when app loads, it

Merge my initial state with data from API

I don't understand why my state data was not merged with my initial state In my initial state i have: data: {role: null, lastUrl: null}, When my call api is ove

Format data in store with @ngrx/data and @ngrx/entity, not in component (subscriber)

While working with ngrx/data I find myself parsing and formatting data from the store in multiple places: converting strings to date objects or formatting strin

Returning Value from inside NgRx Select

Seems a simple question but I am new to RxJs. How do I return the value from a store subscription so that it is not an observable but the actual value? I am cal

ngrx selector return same values multiple times

I have a export const selectIDs = creteSelector( selectorFeature, (feature: Feature) => { return feature?.metadata?.ids || [] } } in the

Is there a way to get an initial event when using firestore/angularfire collectionChanges() on an empty collection

I am using Firestore with AngularFire and am currently trying NgRx for a new feature. As recommended, I am using collectionChanges instead of collectionData, to

How to update order of entities in NGRX? angular 9

I am building an application, where I have N columns (N lists of items) and by using a drag & drop from angular material I am able to move items between the

NgRx Angular App not working with Redux DevTools

So I'm following this tutorial to get familiar with ngRx Entity, and for some reason my redux dev tools isn't 'lighting up' to indicate that it's in an app that

The pipe 'ngrxPush' could not be found

I am new to NgRx and I have being learning for the past week. So, I was trying to check the Push Pipe and let directive. According to NgRx Documentation the ins

Why does ngrx/store example app use multiple stores? (how to design store)

I am trying to make a rather big, scalable application and I was told it is best practice to have one single store storing the current global state (including b

NullInjectorError: No provider for StateObservable when using ng-packagr

I have an Angular 5 project that uses ngrx/store. The project consists of an application and a shared library that the application uses. Up until today, we had

How do i pass heavy json data object on navigation in angular 12?

I am working on an Angular 12 project where I want to pass a heavy json data from one screen to another after navigation. Sample code is as below: Component 1 i

How to set default query params for Route in Angular 7?

In our Angular-7-Application, we use @ngrx and @ngrx/router-store to get the query params into the state. A few components of the application are paginated lis