2017-10-01 5 views
1

나는 을 사용합니다. TranslateService@ ngx-translate 그리고 내가 찾은 모든 튜토리얼은 거의 같습니다. 언어 변경 헤더 이벤트에서각형 번역기 글로벌

import { TranslateService } from '@ngx-translate/core'; 

constructor(private translate: TranslateService) { 
    translate.addLangs(["en", "fr"]); 
    translate.setDefaultLang('en'); 

    let browserLang = translate.getBrowserLang(); 
    translate.use(browserLang.match(/en|fr/) ? browserLang : 'en'); 
} 

:

<select #langSelect (change)="translate.use(langSelect.value)"> 
    <option *ngFor="let lang of translate.getLangs()" [value]="lang" [selected]="lang === translate.currentLang">{{ lang }}</option> 
</select> 

을 나는이 세계가되고 싶어요, 변경 이벤트가 전파

문제는 내가이 루트 AppComponent에있다 ..입니다 내 모든 모듈, 구성 요소 등으로 할 수있는 방법이 있습니까? 아니면 내가 사용하는 모든 장소에이 서비스를 주입해야합니까?

감사합니다.

답변

0

모듈로 포장하고 모든 페이지에 포함 시키거나 다른 컨트롤러에이 구성 요소를 별도로 포함시켜 레이아웃에서 렌더링되도록 머리글의 일부로 렌더링해야합니다.

+0

나는 당신의 방식대로 뭔가 깨끗해야한다는 느낌이 들었다. 나는 연구를하고 결과로 돌아올 것입니다. 귀하의 정보에 감사드립니다! –