Angular i18n ICU select 支持未翻译的值

Question

我使用 ICU select 翻译 html 模板中的绑定数据。如何强制 angular 显示未翻译的数据？

HTML 模板包括 ICU select：

<mat-option *ngFor="let mode of deviceModes" [value]="mode.id" i18n>
    {mode.name, select, mode {mode}}
</mat-option>

XLIFF 文件：

<source>{VAR_SELECT, select, mode {mode} }</source>
<target state="final">{VAR_SELECT, select, press_me {Press Me} guard_me {Guard Me} disarmed {Disarmed} active {Active} suspended {Suspended} broken_or_stolen {Broken or stolen} }</target>

它工作正常，但如果 mode.name 包含一个未在 XLIFF 文件中翻译的新值，它目前不会显示在 html 中。我需要展示它。

Answer 1

您可以在 select 上使用其他作为默认值来获取未翻译的值尝试：

<mat-option *ngFor="let mode of deviceModes" [value]="mode.id" i18n>
{mode.name, select, mode {mode} other { {{mode.name}} } }

Angular i18n ICU select 支持未翻译的值

Angular i18n ICU select supporting untranslated values

internationalization

angular-i18n

angular