我想在模板中的 ngFor-Loop 内使用动态翻译,如下所示:
<mat-card *ngFor="let user of usersList">
<mat-card-title>
<span>{{user.name}}</span>
</mat-card-title>
<mat-card-content>
<!--This is the enum i would like to translate dynamic -->
<span i18n="Role@@role">{{user.role}}</span>
</mat-card-content>
</mat-card>
有没有办法使用 Angular 5 i18e(国际化)当前的板载工具来动态转换此枚举值?
据我所知,在 Angular 6.1 或更高版本中,将有一种方法可以转换 .ts 中的值。但是,如果我现在想使用它怎么办?有什么解决方法吗?
使用替代文本消息可能不是一个好方法,因为如果枚举中有数百个值怎么办?我不会在 html 代码中重复我的枚举。
我还用 .xlf 进行了测试
这现在对我有用:
<mat-card *ngFor="let user of usersList">
<mat-card-title>
<span>{{user.name}}</span>
</mat-card-title>
<mat-card-content>
<span i18n="@@roleKey">{user.roles, select, role {role}}</span>
</mat-card-content>
</mat-card>
我的messeges.de.xlf 中的翻译部分现在是
<trans-unit id="roleKey" datatype="html">
<source>{VAR_SELECT, select, role {role}}</source>
<target>{VAR_SELECT, select, SUPER_ADMIN {Super Admin} LIZENZ_MANAGER {Lizenz Manager} RECHTLICHE_EXPERT {Rechtliche-Expert} INFRASTRUKTRELLE_EXPERT {Infrastruktrelle-Expert} SPORTLICHE_EXPERT {Sportliche Expert} ADMINISTRATIVES_EXPERT {Administratives-Expert} FINANZIELLE_EXPERT {Finanzielle-Expert} LIZENZ_BEWERBER {Lizenz-Bewerber} }</target>
<context-group purpose="location">
<context context-type="sourcefile">app/locallogin/locallogin.component.ts</context>
<context context-type="linenumber">18</context>
</context-group>
</trans-unit>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)