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

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

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

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

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

使用ng2-translate翻译许多组件

1 个答案: