如何在角度 4 中轉換 ts 變量？

Question

如何在模板或 ts 文件本身中轉換角度變量
HTML 代碼 - someComponent.html

<button (click)="changeLang('en')">En</button>  
<button (click)="changeLang('de')">de</button>  
<p>{{rate}}</p>

Ts 文件 - someComponent.ts

rate:string="productRate";
changeLang(lang){  
  this.translate.use(lang);
  this.traslate.get(this.rate).subscribe(res=>{this.rate = res;});
}  

json文件-en.json

{ "productRate": "Product Rate" }  

json 文件-de.json

{ "productRate": "Produktpreis" }  

我知道如何使用管道在模板中執行此操作，但無法在 ts 中執行此操作。
我引用了堆棧溢出但無法獲得結果。 請幫忙

Answer 1

來自Docs

get(key: string|Array, interpolateParams?: Object): Observable: 獲取一個鍵（或一個鍵數組）的翻譯值，如果未找到該值，則獲取該鍵

您必須將 TranslateService 作為依賴項注入，並將其作為，

constructor(private translate: TranslateService) {
    let foo:string = this.translate.get('productRate');
}