app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule , APP_INITIALIZER } from '@angular/core';

import { AppComponent } from './app.component';

import { HttpClientModule } from '@angular/common/http';
import { TranslateService } from './translate.service';
import { TranslatePipe } from './translate.pipe';
import { AppSettings } from '../AppSettings';
import { CanActivateRouteGuard } from './can-activate-route.guard';

export function setupTranslateFactory(service: TranslateService): Function {
  return () => service.use(AppSettings.language);
}

@NgModule({
  declarations: [
    AppComponent,
    TranslatePipe
  ],
  imports: [
    BrowserModule, HttpClientModule
  ],
  providers: [ TranslateService,
    {
      provide: APP_INITIALIZER,
      useFactory: setupTranslateFactory,
      deps: [ TranslateService ],
      multi: true
    } ],
  bootstrap: [AppComponent]
})
export class AppModule { }