title: Angular 5 and ngx-translate with shared module loose translations if refresh
body: <p>I have an angular app that uses ngx-translate. Below the versions:</p>
  
  <pre><code>"@angular/core": "5.2.6",
  "@ngx-translate/core": "9.1.1",
  "@ngx-translate/http-loader": "2.0.1"
  </code></pre>
  
  <p>In the AppModule class i added the import below:</p>
  
  <pre><code>imports: [
      .....
      TranslateModule.forRoot({
        loader: {
          provide: TranslateLoader,
          useFactory: (createTranslateLoader),
          deps: [HttpClient]
        }
      })
      ......
  ]
  .....
  export function createTranslateLoader(http: HttpClient) {
    return new TranslateHttpLoader(http, './assets/i18n/', '.json');
  }
  </code></pre>
  
  <p>And i created a SharedModule that exports the TranslateModule:</p>
  
  <pre><code>exports: [
      // Modules
      TranslateModule,
      ....
  ]
  </code></pre>
  
  <p>Everything works like a charm, except when i refresh a page that is placed in a different module than app module (that imports the SharedModule).
  In this case I need to navigate back to the home page (coded in the AppModule), once i reach the home page ngx-translate come back to work and i can re-navigate to the other pages with ngx-translate that works.</p>
  
  <p>Can anybody help me? Thanks in advance</p>
  
  <p><strong>UPDATE</strong>
  Seems that the problem is related to the fact that translateService.currentLang is undefined when i refresh the page. If i set programmatically the language in ngOnInit via translateService.use(language) it works.
  How can i avoid to set manually in every component this check on currentLang variable by setting a default currentLang?</p>