Мне интересно, может ли статический метод 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 {
}