Может ли метод Angular forRoot вернуть forRoot из другого модуля?

Мне интересно, может ли статический метод forRoot возвращать вызов forRoot из другого модуля?

Я только что настроил хранилище ngrx и хочу избежать большого количества импортов в app.module, поэтому я создал ConfiguredStoreModule и в методе forRoot возвращаю StoreModule.forRoot(config). Все работает, но нарушает ли этот подход какую-либо передовую практику или условности? Еще одним преимуществом этого является возможность регистрации провайдеров, которые использовались в эффектах, и они должны быть синглтонами. Все в одном месте.

// ConfiguredStore.module.ts
import {ModuleWithProviders, NgModule} from '@angular/core';
import { CommonModule } from '@angular/common';
import {metaReducers, reducers} from './index';
import {StoreModule} from '@ngrx/store';
import {TestService} from './my-budgets/test.service';
import {myBudgetsEffects} from './my-budgets/effects';
import {EffectsModule} from '@ngrx/effects';

@NgModule({
  imports: [
    CommonModule,
  ],
  declarations: [],
  exports: [

  ]
})
export class ConfiguredStoreModule {
  static forRoot(): ModuleWithProviders[] {
    return [
      StoreModule.forRoot(reducers, {metaReducers}),
      EffectsModule.forRoot([...myBudgetsEffects, /*...effects from another folder*/]),
      {
        ngModule: ConfiguredStoreModule,
        providers: [TestService]
      },
    ]
  }

}

// AppModule
import {BrowserModule} from '@angular/platform-browser';
import {NgModule, CUSTOM_ELEMENTS_SCHEMA} from '@angular/core';
import {HttpModule} from '@angular/http';
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
import {ScrollToModule} from '@nicky-lenaers/ngx-scroll-to';
import {StoreModule} from '@ngrx/store';
import {AppRoutingModule} from './app-routing.module';
import {AppComponent} from './app.component';
import { HttpClientModule} from '@angular/common/http';
import {CoreModule} from './modules/core/core.module';
import 'lodash';
import { StoreDevtoolsModule } from '@ngrx/store-devtools';
import { environment } from '../environments/environment';
import { reducers, metaReducers } from './store';
import {ConfiguredStoreModule} from './store/store.module';


export function HttpLoaderFactory(http: HttpClient) {
  return new TranslateHttpLoader(http);
}


@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    HttpClientModule,
    AppRoutingModule,
    CoreModule,
    //StoreModule.forRoot(reducers, { metaReducers }),
    ConfiguredStoreModule.forRoot(),
    !environment.production ? StoreDevtoolsModule.instrument() : [],
  ],
  bootstrap: [AppComponent],
  schemas: [CUSTOM_ELEMENTS_SCHEMA]
})
export class AppModule {
}

person user3852961    schedule 09.04.2018    source источник
comment
один модуль может делиться своими компонентами, службами и другими импортированными модулями, если они экспортируются, в этом случае вам не нужно будет снова импортировать их в другой модуль, но чтобы ответить на ваш вопрос, я не думаю, что это цель forRoot используется для определения основного модуля, с которого должно запускаться приложение, поэтому у вас не может быть 2 forRoot.   -  person Hussein    schedule 09.04.2018


Ответы (1)


Попробуй это

// ConfiguredStore.module.ts
import {ModuleWithProviders, NgModule} from '@angular/core';
import { CommonModule } from '@angular/common';
import {metaReducers, reducers} from './index';
import {StoreModule} from '@ngrx/store';
import {TestService} from './my-budgets/test.service';
import {myBudgetsEffects} from './my-budgets/effects';
import {EffectsModule} from '@ngrx/effects';

@NgModule({
  imports: [
    CommonModule,
    EffectsModule
  ],
  declarations: [],
  exports: [
    EffectsModule
  ]
})
export class ConfiguredStoreModule {
  static forRoot(): ModuleWithProviders[] {
    return [
      StoreModule.forRoot(reducers, {metaReducers}),
      EffectsModule.forRoot([...myBudgetsEffects, /*...effects from another folder*/]).providers,
      {
        ngModule: ConfiguredStoreModule,
        providers: [TestService]
      },
    ]
  }
person Hektor Cuevas Fernandez    schedule 04.05.2020