ng2-翻译组件文件与图表相结合.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>

但是我不知道如何翻译组件文件上的字符串与图表相结合.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")

这个对我有用。