Typescript 有没有什么方法可以使用ProvideState()提供多个削减器作为根减减器

发布于10月24日

当前版本的Angular 和ngrx为16.0.0.

StoreModule.forRoot({
      app: appReducer,
      anotherFeatureName: anotherFeatureReducer
    }),
    EffectsModule.forRoot([
      AppEffects,
      AnotherEffects
    ]),

我开始迁移到独立的Angular 应用程序.因此，我需要从app.mode.ts中删除StoreModule和EffectsModule.但我可以找到方法来提供几个减速器和相对效果使用独立的API.

try 了不同的方法来提供，但没有一种方法能像预期的那样起作用.当应用程序试图读取它时，状态是未知的.

推荐答案

1. First, make sure you have imported the necessary NgRx modules and your reducers and effects.个

import { provideState } from '@ngrx/store';
import { provideEffects } from '@ngrx/effects';
import { appReducer } from './app.reducer';
import { anotherFeatureReducer } from './another-feature.reducer';
import { AppEffects } from './app.effects';
import { AnotherEffects } from './another.effects';

2.In your app module, use the provideState() function to provide your root reducers个

import { provideState } from '@ngrx/store';

@NgModule({
  imports: [
    //Remove StoreModule.forRoot()
    //Remove EffectsModule.forRoot()
    // Add provideState() to provide your root reducers
    provideState({
      app: appReducer,
      anotherFeatureName: anotherFeatureReducer,
    }),
  ],
})
export class AppModule {}

3. Similarly, use the provideEffects() function to provide your root effects个

import { provideEffects } from '@ngrx/effects';

@NgModule({
  imports: [
    //Remove StoreModule.forRoot()
    //Remove EffectsModule.forRoot()
    // Add provideState() to provide your root reducers
    provideState({
      app: appReducer,
      anotherFeatureName: anotherFeatureReducer,
    }),

    // Add provideEffects() to provide your root effects
    provideEffects([AppEffects, AnotherEffects]),
  ],
})
export class AppModule {}