How store and router together work in angular ?
The ngrx Store is a central source of truth in angular to which all components connect to. It holds a state tree which is a snapshot of the entire application state.
Similarly ngrx also provides a router store which provides 5 router navigation actions as below:-
Actions are events which are dispatched at different stages when a route change is detected which in turn notifies the reducer to update the state accordingly.
The angular component which has subscribed to state changes using RxJS gets notified about the change in state and can handle the business logic there when state changes via router navigation.
Hope that answers the question.
goli202084 Edited answer