Angular：如何从 i18n 属性和 $localize function 生成一个跨单元？

Question

Code in component:

title = $localize`Monday`;

Code in template:

<div i18n>Monday</div>

"ng extract-i18n" command extract two separate trans-units to messages.xlf.

Answer 1

Yes, because you have two separate translations: title in the ts-file and the <div> in the template. If you wish to use title you can use in the template with interpolation with the i18n attribute. If you use the i18n attribute it's translated to another $localize in the compilation process before the translations happen:

<div>{{title}}</div>

The other option is to omit the title and only use i18n in the template, which I find easier.