ngx-translate for 循环中的一组值

Question

我的 .html 文件中有这个 for 循环

<div class="dashboard-modules">
<mat-grid-list cols="4" rowHeight="200px">
    <mat-grid-tile *ngFor="let item of gridItems; index as i;" [colspan]="item.colSpan" [rowspan]="item.rowSpan">
        <a *appShowWithPermission="item.permissions" [routerLink]="item.route" class="tab">
            <mat-icon>{{item.icon}}</mat-icon>
            {{item.name}}
        </a>
    </mat-grid-tile>
</mat-grid-list>

'gridItems' 总是有相同的 4 个项目名称。我怎样才能用我的 ngx-translate 翻译它们？

Answer 1

通过使用管道：

{{item.name | translate }}

ngx-translate for 循环中的一组值

ngx-translate set of values in for loop

for-loop

ngx-translate

angular