ngrx-store

NOTE: for simplicity consider the component depths as: - Smart (grand)parent level 0 - dumb child level 1 .... - dumb grandchild level 2 ....) There are various options and conditions on how smart/grand/parent/child components communicate and pass data up and down a MULTI-LEVEL (at least 3 levels) chain. We'd like to keep our 'smart' (grand)parent component as the only component that has access to our data service (or atomic/immutable store) and it will drive exchange of information with 'dumb' (grand)children. The options we see are: Anti-pattern(?) : Pass data down and up the component chain

Im trying to write login flow for my app using ngrx store + ng effects. I have managed to write it and it works in happy scenerio, but when user inputs wrong values to the form, so that server responds with 401, the next login attempt has no effects. I have read that the exception must be catch when working with observables in order not to 'break' the stream, but as far i know I'm catch the exception and still its now working. belowe the code; export class LoginComponent { logged = new Observable<any>(); constructor(private store: Store<AppStore>) { this.logged = store.select('login'); } login

I'm using ngrx store to record state, my state currently holds my list of accounts and the current page (for paging). On my list of accounts component i call the store to get the current page and pass that to a service (web api) to get the list of accounts. this.currentPage$ = this.store.select(getCurrentPage); My angular service is expecting a variable (currentPage) but as a type of number, the store select returns an Observable. getListOfCustomer(currentPage: number): Observable<ListDto<CustomerList>> {} My variable this.currentPage$ is currently a type of Observable<number> How can i