使用 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.}) :'' 
}

使用 ngx-translate 处理动态数据

Using ngx-translate for dynamic data

data-binding

ngx-translate

angular