使用NG2-翻译的许多组件的翻译

Question

嗨，我在翻译方面有问题，我正在使用ng2-translate和此主题：SB Admin Bootstrap 4 Angular 4

我有一个带有语言的标题选择下拉菜单，如果我仅更改语言，只需翻译我的标题组件，而不是整个页面(我在所有项目中都正确配置了管道，并且在正确的模块中导入了TranslateModule(

我的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 Pipe的所有模块中导入所有模块中的ng2-译本。最好安装下一个版本ngx-translate/core。

对于NGX-Translate/Core需要在所有子模块中导入TranslateModule

...
import {TranslateModule} from '@ngx-translate/core';
...
@NgModule({
    imports: [
        ...,
        TranslateModule //or TranslateModule.forChild()
    ]