Question

我需要使用NGX Translate翻译ts文件中的文本字符串。

我添加了翻译服务，并尝试执行类似的操作

<div id="authenticated-wrapper">
    <app-header></app-header>
    <app-sidebar></app-sidebar> //we use a sidebar component to navigate to other routes
    <div id="main-board" class="authenticated-layout-page-wrapper">
        <router-outlet></router-outlet>
    </div>
    <app-footer></app-footer>
</div>

那么，我如何直接在数组中转换任何文本字符串？

Answer 1

使用get方法代替instant方法

    constructor(
        translate: TranslateService
      ) {
        this.idiomasTodos = [
          { id: 1, descripcion: translate.instant("spanish") }, 
          { id: 2, descripcion: translate.instant("basque") },
          { id: 3, descripcion: translate.instant("english") } 
        ];
    }

Answer 2

另一种实现方法是使用translate管道直接在视图中翻译每个单词，而不是在组件中进行翻译：

<ul *ngFor="let idiomasTodo of idiomasTodos">
    <li>{{ idiomasTodo.descripcion | translate }}</li>
</ul>

角度-ts文件中的ngxTranslate

2 个答案: