[英]How to dynamic translate text file using parameter to the ngx-translate in angular?
I want to use the dynamic text translate in angular
and ngx-translate
.我想在
angular
和ngx-translate
。
This is my component:这是我的组件:
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;
}
}
and this is my html
code:这是我的
html
代码:
<mat-error *ngIf="fieldErrors(fieldName).required">
{{ "SHARED_VALIDATE.REQIERD" | translate: param }}
</mat-error>
and this is my translate file:这是我的翻译文件:
SHARED_VALIDATE: {
REQIERD: ' Reqied Fill the {{value}} '
},
but when i need to translate dynamic it show me this: Reqied Fill the {{value}}
但是当我需要翻译动态时,它会告诉我:
Reqied Fill the {{value}}
How can I dynamic translate in my text file?如何在我的文本文件中动态翻译?
{{ "SHARED_VALIDATE.REQIERD" | translate: {value: nicename} }}
Spacing is important for object bracket and interpolation bracket间距对于 object 支架和插值支架很重要
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.