title: @ngx-translate with different module
body: <p>I have application with many modules. I am using ngx-translate for multilingual functionality. But, it's not working.</p>
  
  <p>i18n.module.ts</p>
  
  <pre><code>import { NgModule } from "@angular/core";
  import { BrowserModule } from "@angular/platform-browser";
  import { TranslateModule, TranslateLoader } from "@ngx-translate/core";
  import { TranslateHttpLoader } from "@ngx-translate/http-loader";
  import { Http } from "@angular/http";
  import { I18NComponent } from "./i18n.component";
  
  @NgModule({
      declarations: [I18NComponent],
      imports: [
          BrowserModule,
          TranslateModule.forRoot({
              loader: {
                  provide: TranslateLoader,
                  useFactory: (http: Http) =&gt; new TranslateHttpLoader(http, 'i18n/', '.json'),
                  deps: [Http]
              }
          })
      ],
      exports: [I18NComponent]
  })
  
  export class I18NModule { }
  </code></pre>
  
  <p>i18n.component.ts</p>
  
  <pre><code>import { Component } from '@angular/core';
  import { Router } from '@angular/router';
  import { FormsModule } from '@angular/forms';
  declare var jQuery: any;
  import { TranslateService } from '@ngx-translate/core';
  
  @Component({
      selector: 'i18n-translate',
      template: `
          &lt;select class="form-control" #langSelect (change)="translate.use(langSelect.value)"&gt;
                      &lt;option value="en"&gt;English&lt;/option&gt;
                      &lt;option value="es"&gt;Spanish&lt;/option&gt;
                  &lt;/select&gt;
      `
  })
  export class I18NComponent {
  
      constructor(private router: Router, private translate: TranslateService) {
          translate.addLangs(["en", "es"]);
          translate.setDefaultLang('en');
  
          let browserLang = translate.getBrowserLang();
          translate.use(browserLang.match(/en|es/) ? browserLang : 'en');
      }
  }
  </code></pre>
  
  <p>I am using something like this in my other module. </p>
  
  <pre><code>@NgModule({
      declarations: [TopnavbarComponent],
      imports: [BrowserModule, RouterModule, FormsModule, I18NModule],
      exports     : [TopnavbarComponent],
  })
  </code></pre>
  
  <p>But, this is throwing "<strong>emplate parse errors:
  The pipe 'translate' could not be found</strong>" error.</p>