时间戳

首页 > 解决方案 > 如何使用参数动态翻译文本文件到角度的ngx-translate？

javascript - 如何使用参数动态翻译文本文件到角度的ngx-translate？

问题描述

我想在angular和中使用动态文本翻译ngx-translate。

这是我的组件：

export class ShareErrorComponent implements OnInit ,AfterViewInit {

@Input("form") from: FormGroup
@Input("field") fieldName: string;
@Input("nicename") nicename: string;
param: any;
constructor() { }

ngAfterViewInit(): void {
}

ngOnInit() {
    this.param = { value:this.nicename }
}

fieldErrors(field: string) {
    let controlState = this.from.controls[field];
    return (controlState.dirty || controlState.touched) ? controlState.errors : null;
  }
}

这是我的html代码：

  <mat-error *ngIf="fieldErrors(fieldName).required">
   {{ "SHARED_VALIDATE.REQIERD" | translate: param }}
 </mat-error>

这是我的翻译文件：

       SHARED_VALIDATE: {
        REQIERD: ' Reqied Fill the {{value}}  '
    },

但是当我需要翻译动态时，它会告诉我这个： Reqied Fill the {{value}}

如何在我的文本文件中动态翻译？

标签： javascripthtmlangulartypescript

解决方案

 {{ "SHARED_VALIDATE.REQIERD" | translate: {value: nicename} }}

间距对于对象括号和插值括号很重要

推荐阅读