ng2-translate 在组件文件上结合charts.js答案

【问题标题】：ng2-translate on component file combined with charts.jsng2-translate 在组件文件上结合charts.js
【发布时间】：2017-04-11 09:52:50
【问题描述】：

我在我的 ionic2 应用上使用 ng2-translate，它在 html 文件上的静态文本上运行良好：

<button ion-item *ngFor="let examTaken of examTakenList" (click)="selectExamTaken(examTaken)">
  {{'menu.'+examTaken.name | translate }} - {{examTaken.createdAt | date: "dd.MM.yyyy"}}
</button>

但我不知道如何翻译与charts.js结合的组件文件上的字符串，例如：

     @Input() examTakenList: Promise<Array<ExamTaken>>;
  lineChartData: Array<any> = [
    { data: [], label: 'Richtige Antworten in %' }
  ];
  lineChartLabels = new Array<string>();
  lineChartOptions: any = {
    animation: false,
    responsive: true
  };

我想翻译标签：'Richtige Antworten in %'。

如何在 typescript 和 JavaScript 文件中使用 ng2-translate 管道？

提前致谢

【问题讨论】：

标签： javascript ionic2 chart.js ng2-translate

【解决方案1】：

我不知道在 jaavascript 中，但在 typescript 中你应该导入：

import {TranslateService} from "ng2-translate";

将其加载到您的构造函数中：

constructor(private translate : TranslateService) { }

并像这样在你的代码中使用它：

this.translate.instant("global.congratulation")

这个对我有用。

【讨论】：