title: Angular use service in lazy loaded module
body: <p>I have a service called <code>routing.service</code> which subscribes to routing event and when a parameter changes, it updates Translate service. As following in constructor:</p>
  
  <pre><code>this.router.events.subscribe(val =&gt; {
      if (val instanceof ActivationEnd ) {
          let myVal = val.snapshot.params.lang;
          this.currentLang = myVal;
          this.translate.use(myVal);
          this.translate.setDefaultLang(config.defaultLang);
      }
  });
  </code></pre>
  
  <p>I have a shared module that is imported into the app module. In shared component everything works fine:</p>
  
  <pre><code>&lt;div [innerHTML]="'HOME.TITLE' | translate"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>But in my lazy loaded modules not working. Even I can't access to <code>this.currentLang</code> that is inside <code>subscribe</code>. Any idea?</p>
  
  <p><strong>Update:</strong> Here is more detail about my code:</p>
  
  <p>app.module:</p>
  
  <pre><code>imports:[
    CommonModule,
    BrowserModule,
    FormsModule,
    NgtUniversalModule,
    TransferHttpCacheModule,
    HttpClientModule,
    AppRoutingModule,
    SharedModule
  ],
  </code></pre>
  
  <p>shared.module:</p>
  
  <pre><code>imports: [
    CommonModule,
    RouterModule,
    TranslateModule.forRoot({
      loader: {
        provide: TranslateLoader,
        useClass: TranslateUniversalLoader,
      }
    })
  ],
  exports: [
    HeaderComponent,
    TranslateModule
  ]
  </code></pre>
  
  <p>lazy-loaded.module:</p>
  
  <pre><code>imports: [
    CommonModule,
    FormsModule,
    CustomersRoutingModule,
    SharedModule,
  ],
  </code></pre>
  
  <p>My app.component:</p>
  
  <pre><code>&lt;!-- This is component of my shared.module and translation works fine here, but not in lazy loaded modules --&gt;
  &lt;saz-header&gt;&lt;/saz-header&gt; 
  &lt;router-outlet&gt;&lt;/router-outlet&gt;
  </code></pre>