Fix translate pipe not working

by exporting app module and importing in sub module.
stangahh · Jul 25, 2018 · 5afab42 · 5afab42
1 parent 2174664
commit 5afab42
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/src/app/@theme/theme.module.ts b/src/app/@theme/theme.module.ts
@@ -2,6 +2,7 @@ import { ModuleWithProviders, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
+import { TranslateModule } from '@ngx-translate/core';
 
 import {
  NbActionsModule,
@@ -43,7 +44,7 @@ import { DEFAULT_THEME } from './styles/theme.default';
 import { COSMIC_THEME } from './styles/theme.cosmic';
 import { CORPORATE_THEME } from './styles/theme.corporate';
 
-const BASE_MODULES = [CommonModule, FormsModule, ReactiveFormsModule];
+const BASE_MODULES = [CommonModule, FormsModule, ReactiveFormsModule, TranslateModule];
 
 const NB_MODULES = [
  NbCardModule,

diff --git a/src/app/app.component.ts b/src/app/app.component.ts
@@ -11,11 +11,15 @@ import { AnalyticsService } from './@core/utils/analytics.service';
 export class AppComponent implements OnInit {
  constructor(
  public electronService: ElectronService,
- private translate: TranslateService,
+ public translate: TranslateService,
  private analytics: AnalyticsService
  ) {
 
+ translate.addLangs(['en', 'fr', 'cn']);
  translate.setDefaultLang('en');
+ const browserLang = translate.getBrowserLang();
+ translate.use(browserLang.match(/en|fr|cn/) ? browserLang : 'en');
+
  console.log('AppConfig', AppConfig);
 
  if (electronService.isElectron()) {

diff --git a/src/app/app.module.ts b/src/app/app.module.ts
@@ -49,6 +49,7 @@ export function HttpLoaderFactory(http: HttpClient) {
  }
  })
  ],
+ exports: [TranslateModule],
  providers: [
  ElectronService,
  { provide: APP_BASE_HREF, useValue: '/' }