角地翻訳グローバル

Question

私はを使用しています。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を持っている..です私のすべてのモジュール、コンポーネントなどに、それを行う方法はありますか、または私はそれを使用するたびにこのサービスを注入する必要がありますか？

ありがとうございました。

Answer 1

モジュールでこれをラップするか、すべてのページに含めるか、このコンポーネントを別のコントローラに別々に分けて、レイアウトからレンダリングするようにヘッダーの一部としてレンダリングする必要があります。