javascript - 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 %”。

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

提前致谢

Answer 1

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

import {TranslateService} from "ng2-translate";

将其加载到构造函数中:

constructor(private translate : TranslateService) { }

并将其使用到您的代码中，如下所示:

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

这个对我来说很有效。