使用ngx-translate处理动态数据

Question

我有对象分页显示：

export class PaginationShow {
FromEntries:number;
ToEntries:number;
TotalEntries:number}

在HTML中：

<p>{{'Table.ShowPagingEntries' | translate : paginationShow }}</p>  

在Json文件中：

"ShowPagingEntries":"Showing {{FromEntries}} to {{ToEntries}} of{{TotalEntries}} entries",

当我更改PaginationShow的数据时，Html中显示的数据不会更改，紧随其后的是PaginationShow。我如何为此使用动态数据。请帮帮我！

Answer 1

您可以尝试：

<p>{{getTranslation('Table.ShowPagingEntries',paginationShow)}}</p>

在组件中，您可以将private translateService: TranslateService添加到构造函数中。

getTranslation(key: string, params: PaginationShow) {
   return params ? this.translateService.instant(key, {TotalEntries: params.TotalEntries,FromEntries:params.FromEntries:params,ToEntries:params.}) :'' 
}