组件文件上的 ng2-translate 结合 charts.js

Question

我在我的 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 %'。

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

提前致谢

Answer 1

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

import {TranslateService} from "ng2-translate";

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

constructor(private translate : TranslateService) { }

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

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

这个对我有用。

组件文件上的 ng2-translate 结合 charts.js

ng2-translate on component file combined with charts.js

javascript

chart.js

ionic2

ng2-translate