使用 ng2-translate 翻译文本答案

【问题标题】：Translation Texts using ng2-translate使用 ng2-translate 翻译文本
【发布时间】：2016-12-01 07:26:10
【问题描述】：

我使用ng2-translate 在我的angular2 网络应用程序中翻译标题和文本。但是，当我尝试翻译从 .ts 文件传递的文本时，我现在感到困惑。
例如，我可以翻译 html 文件中的文本如下。

<ion-row id="login-row">
      <ion-col>
        <ion-list>
          <ion-item>
            <ion-label stacked>{{ 'USERNAME' | translate }}</ion-label>
            <ion-input type="text" [(ngModel)]="username"></ion-input>
          </ion-item>
          <ion-item>
            <ion-label stacked>{{ 'PASSWORD' | translate }}</ion-label>
            <ion-input type="password" [(ngModel)]="password"></ion-input>
          </ion-item>
        </ion-list>
      </ion-col>
    </ion-row>

但如果我有.ts 文件文本如下。那么我如何翻译这些文本。

    doCheckbox() {
    let alert = this.alertCtrl.create();
    alert.setTitle('Please Select a Location');

     alert.addInput({
       type: 'radio',
       label: 'Option 1',
       value: 'opt1',
       checked: true
     });

     alert.addInput({
       type: 'radio',
       label: 'Option 2',
       value: 'opt2'
     });

    alert.addButton({
      text: 'OK',
      handler: data => {
        this.testRadioOpen = false;
        this.testRadioResult = data;
      }
    });
    alert.present();
  }

在上面的例子中，我想翻译像

这样的文本

'请选择一个位置'、'选项 1'、'选项 2'、'确定'...

如果有人有解决此问题的想法，请帮助我。谢谢。

【问题讨论】：

标签： angular typescript ionic2 language-translation ng2-translate

【解决方案1】：

终于找到答案了。 ng2-translate API已给出答案(https://github.com/ocombe/ng2-translate#api)

例如：

this.translate.get("SPANISH")
        .subscribe((data: string) => {
          this.selectedLanguage = data;
        });

get() 方法返回翻译后的字符串或对象（如果我们传递一个字符串数组）

您必须将ng2-translate 导入为import {TranslateService} from 'ng2-translate;' 并在您的构造函数中定义它。

【讨论】：