使用ng2-translate对多个组件进行翻译

Question

嗨，我有一个翻译的问题，我正在使用ng2翻译和这个主题：SB Admin Bootstrap 4 Angular 4

我有一个带有语言选择下拉列表的页眉，如果我改变语言，只翻译我的页眉组件，而不是整个页面(我已经在所有项目中正确配置了管道，并在正确的模块中导入了翻译模块)

我的component.html是：

<app-header></app-header>
<app-sidebar></app-sidebar>
<section class="main-container">
<router-outlet></router-outlet>
</section>

在我的标题中，我有这个下拉列表：

<div>
 <label>
  {{ 'HOME.SELECT' | translate }} 
  <select #langSelect (change)="translate.use(langSelect.value);setLang()">
   <option *ngFor="let lang of translate.getLangs()" [value]="lang" [selected]="lang === translate.currentLang">{{ lang }}</option>
  </select>
 </label>
</div>

如果整个页面是由许多其他组件组成的，那么如何更改整个页面的语言呢？

Answer 1

您需要在使用translate管道的所有模块中导入ng2-translate模块。最好安装下一个版本ngx-translate/core。

对于ngx-translate/core，需要在所有子模块中导入TranslateModule

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

@NgModule({
    imports: [
        ...,
        TranslateModule //or TranslateModule.forChild()
    ]