ngrx-store

问题 I am trying to develop a basic NativeScript app using Angular 4. I am also using ngrx store and firebase as a realtime database. When I use a sample array and update the store and not integrate with firebase the program works fine. UI gets updated too. let value = [ { "description": "Groups discussing about Technology", "category": "Tech" }, { "description": "Groups for all kinds of sports ", "category": "Sports" } ]; this.store.dispatch({ type: GroupCategoryListActions.ADD_ITEMS, payload:

问题 When creating a reducer function in ngrx, everywhere I read says that I should return a copy of the original/previous state. Either by using spread operators or by using a library or tricks like JSON.parse(JSON.stringify(state)) . But I found one catch there and I couldn't find anyone talking about it. The last state returned in a reducer is the state that's going to be shared with all current subscribers and with future subscribers too. That means that all components that use a certain store

问题 I am working on an Angular 5 project using NgRx 5. So far I've implemented a skeleton app and a feature module called "Search" which handles its own state, actions and reducers in an encapsulated fashion (by using the forFeature syntax). This module has one root component ( search-container ) which renders an entire tree of child components - together they make up the search UI and functionality, which has a complex state model and a good number of actions and reducers. There are strong

问题 How can I do something like that in ngrx/effects: // I want to handle a sign up effect return this.actions$.ofType(user.SIGN_UP_SUCCESS) .map((action: user.SignUpSuccessAction) => action.payload) .mergeMap(() => { // then I have to call two other async actions to add new records return [ new userOptions.Add(new UserOptionsModel()); new userInfo.Add(new UserInfoModel()); ]; }) How can I handle success actions for both userOptions and userInfo actions and then redirect to a Dashboard page? I

问题 I wanted to set the initial state in ngrx using the idb package which uses promise to fetch data, but am getting an error every time I tried to set it up. I read that @ngrx is synchronous does that mean it does not work with promises. The different methods I tried: this is my wrapper method for idb that loads in the data it works fine export function getInitialState(): Promise<any> { return StorageService.dB.loadInitialState('app-state'); } and the different methods I tried set the initial

问题 I upgraded my app from Angular 7 to Angular 8 using ng update . When I run it via ng serve , There's a warning printed in my console from ngrx : @ngrx/store: runtime checks are currently opt-in but will be the default in the next major version with the possibility to opt-out, see https://ngrx.io/guide/migration/v8 for more information. The documentation at the provided link talks about ngrx-store-freeze being deprecated. However, my application does not use ngrx-store-freeze , and I have no

问题 I'm currently working on a project that involves state management for individual components using Angular 7 and NGRX. However, I need to make this implementation scalable, meaning it can be used multiple times while still working independent. So far I have managed to get my state running and sorted out all action in my reducer, alongside all effects. Currently I have this in my reducer: export interface State extends fromRoot.State { widgets: WidgetState; } //interface for the specific chunk

问题 Given a template that looks like something like this <some-component *ngIf="someColdObservable$ | async" [result]="someColdObservable$ | async" ></some-component> and an observable that looks like this: someColdObservable$: this.store.pipe( select(isAllowedToDoThis), filter(Boolean), flatMap(() => apiRequest()) ); The someColdObservable$ gets subscribed to twice (as expected), which in turn issues two api calls (this is obviously a code smell, but let's disregard that at the moment). In this

问题 I have multiple reducers in my application which are combined in app.reducers.ts. When my action happens state of one reducer should be update with single value from current state of the other reducer(so unplanned delivery will become scheduled) and then remove that value from state of second reducer. Here is how I can delete it, but before doing this I need to update other state. case UNPLANNED_ACTIONS.REMOVE_UNPLANNED_DELIVERY: return Object.assign({}, state, { deliveries: state.deliveries

问题 I'm facing some difficulties when trying to return multiple actions in my NGRX effect. I know how to return multiple actions, but I'm trying to set up two sets of actions to fire based on a boolean value. The code is as follows: @Effect() loadCompanyDetail = this.actions$ .ofType(fromActions.COMPANY_DETAIL_LOAD) .pipe( switchMap(() => { return this.companyService .getCompanyByID( fromUtility.obs2Str( this.routerStore.select(fromRouter.getCompanyId) ) ) .pipe( switchMap(res => { switch (res