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

Question

组件中的代码：

title = $localize`Monday`;

模板中的代码：

<div i18n>Monday</div>

“ng extract-i18n”命令将两个独立的反式单元提取到messages.xlf。

Answer 1

是的，因为您有两个单独的翻译：ts 文件中的title和模板中的<div> 。 如果您想使用title ，您可以在模板中使用带有i18n属性的插值。 如果您使用i18n属性，它会在翻译发生之前在编译过程中翻译成另一个$localize ：

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

另一种选择是省略title ，只在模板中使用i18n ，我觉得这更容易。