Я читал об этом, и они сказали, что .for Root объединяет все редукторы, и при манипулировании состоянием таким образом вы манипулируете всеми редукторами одновременно.
Вскоре .forFeature позволяет вам манипулировать каждым редуктором, как если бы он имел состояние для каждого.
И я хотел бы знать следующее:
1) Это правда?
2) Как использовать .forFeature()
с несколькими редукторами?
Я получаю следующую ошибку:
NullInjectorError: R3InjectorError(AppModule)[StoreFeatureModule -> ReducerManager -> ReducerManager -> ReducerManager]:
NullInjectorError: No provider for ReducerManager!
МОДУЛЬ
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { HttpClientModule } from '@angular/common/http';
import { environment } from 'environments/environment';
import { StoreModule } from '@ngrx/store';
import { EffectsModule } from '@ngrx/effects';
import { StoreDevtoolsModule } from '@ngrx/store-devtools';
import { STORE_REDUCERS, STORE_EFFECTS } from './store';
import { AppComponentModule } from '@app/components/app-component.module';
import { AppComponent } from './app.component';
@NgModule({
declarations: [AppComponent],
imports: [
BrowserModule,
AppComponentModule,
HttpClientModule,
StoreDevtoolsModule.instrument({ maxAge: 25, logOnly: !environment.production }),
StoreModule.forFeature('people', STORE_REDUCERS),
EffectsModule.forFeature(STORE_EFFECTS),
],
providers: [],
bootstrap: [AppComponent],
})
export class AppModule {}
ВЫБОР ЛЮДЕЙ
import { createFeatureSelector, createSelector } from '@ngrx/store';
import { State, adapter } from './people.reducer';
const featureSelector = createFeatureSelector<State>('people');
export const { selectIds, selectEntities, selectAll, selectTotal } = adapter.getSelectors(featureSelector);
export const getLoading = createSelector(featureSelector, ({ loading }) => loading);
export const getError = createSelector(featureSelector, ({ error }) => error);
export const getMain = createSelector(selectAll, (peoples) => peoples.filter((people) => people.isMain)[0]);
ИНДЕКС МАГАЗИНА:
import { ActionReducerMap } from '@ngrx/store';
import * as fromPeopleReducer from './people/people.reducer';
import * as fromPeopleEffects from './people/people.effects';
export interface StoreState {
people: fromPeopleReducer.State;
}
export const STORE_REDUCERS: ActionReducerMap<StoreState> = {
people: fromPeopleReducer.reducer,
};
export const STORE_EFFECTS: any[] = [fromPeopleEffects.Effects];