组件文件上的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

我不知道在jaavascript中，但在打字稿中你应该导入：

import {TranslateService} from "ng2-translate";

将其加载到构造函数中：

constructor(private translate : TranslateService) { }

并将其用于您的代码中：

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

这个对我有用。