один сервис с переменным во многих ngModule

Question

Это не проблема, но это вопрос:

В тестовом проекте, я пытаюсь использовать NG2-перевод в несколько ngModule с одной TranslateService.

package.json:

"ng2-translate": "^4.0.0" 

Это не работает для каждого модуля я должен объявить новый

'TranslateModule'

И в компонентах, это новый TranslateService так он не поддерживает перевод языковой ценности.

Вы пытаетесь ввести одно и то же обслуживание в несколько ngModule? если да, то как?

Спасибо.

Answer 1

Постарайся общий модуль

import {TranslateModule, TranslateService, TranslateLoader, TranslateStaticLoader} from 'ng2-translate/ng2-translate'; 
    @NgModule({ 
     imports: [..,TranslateModule], 
     declarations: [..], 
     exports: [ .., TranslateModule] 
    }) 
    export class SharedModule { 

    static forRoot(): ModuleWithProviders { 

     function translateLoader(http: Http) { 
      return new TranslateStaticLoader(http, 'i18n', '.json'); 
     } 
     return { 
      ngModule: SharedModule, 
      providers: [UserService, ItemService, { 
       provide: TranslateLoader, 
       useFactory: translateLoader, 
       deps: [Http] 
      }, 
       TranslateService], 
     }; 
    } 
    } 

Изменить TranslateModule.forRoot() в AppModule.ts к SharedModule.forRoot().

source