使用角度i18n内部*NGFOR具有角度5的环路

Question

<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>

使用其他文本消息不是一个好方法，因为如果枚举中有数百个值，那该怎么办。我不会在html代码中重复枚举。

Answer 1

我设法让它成功了。下面是使用格式xlif2和选择ICU表达式的示例

https://angular.io/guide/i18n#翻译-选择

下面是我如何翻译select

    <ul>
      <li *ngFor="let user of users">
        <span i18n="@@role">dummy {user.role, select, admin {admin}}</span>
      </li>
      </ul>

null

然后提取消息文件（例如，对于法语）

    ng xi18n --outputPath src/locale --locale fr--i18nFormat=xlf2 --outFile messages.fr.xlf

然后在messageMessages.[language].xlf文件中设置翻译

    <unit id="role">
      <segment>
        <source>ROLE <ph id="0" equiv="ICU" disp="{user.role, select, admin {...} user {...} other {...}}"/></source>
        <target>ROLE <ph id="0" equiv="ICU" disp="{user.role, select, admin {...} user {...} other {...}}"/></target>
      </segment>
    </unit>
    <unit id="7222321253551421654">
      <segment>
        <source>{VAR_SELECT, select, admin {administrator} user {user} other {other} }</source>
        <target>{VAR_SELECT, select, admin {administrateur} user {utilisateur} other {autre} }</target>
      </segment>
    </unit>

包含要翻译的实际值的单元7222321253551421654的ID是工具生成的ID。您只需修改该单元，即可根据需要添加任意多个角色/翻译