如何在角度4中转换ts变量?

时间:2018-07-26 09:33:21

标签: angular typescript angular-translate

如何在模板或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 file-en.json

{ "productRate": "Product Rate" }  

Json file-de.json

{ "productRate": "Produktpreis" }  

我知道如何使用管道在模板中执行此操作,但无法在ts中执行。
  我引用了堆栈溢出,但无法获得结果。请帮助

1 个答案:

答案 0 :(得分:1)

来自Docs

  

get(key:string | Array,interpolateParams ?: Object):   可观察:获取键(或键   键数组)或键(如果找不到该值)

您必须将TranslateService注入为依赖项,并按如下方式进行操作,

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