Angular2 i18n：翻译中的HTML标记？

Question

我已经在我的Angular2应用程序中实现了i18n，一切都设置好了。我唯一困扰的是翻译中的HTML标记。

例如，我有一个像这样的标题：

<h3>Header with a <a href="#">link</a></h3>

如果我将i18n属性添加到h3中，翻译将包含HTML引用。目前市面上的大多数XLF管理工具似乎都无法很好地处理这个问题，它们没有提供适当的支持来管理这个问题。 因此，我可以通过将其更改为以下内容来解决这个问题：

<h3><span i18n>Header with a </span><a href="#" i18n>link</a></h3>

但这似乎不对。

此外，我有一个带有大量HTML标记的我们的T&C页面。现在我已经在顶部添加了i18n元素，但在翻译时所有格式都丢失了。

或者我使用了错误的工具？我尝试了很多工具，但没有一个能够很好地处理这个问题。

- Boland

---

你找到解决方案了吗？我也面临同样的问题。 - Ben

我们已经转换到XMB，并且正在使用Text United。即使是非常大的HTML内容块（例如我们的T＆C），它也可以很好地工作。唯一的问题是Text United不会生成XTB（而只是XMB），但这很容易解决；只需进行字符串替换即可从XMB转换为XTB。 - Boland

Answer 1

只需要将本地化字符串中的HTML“信任”。 导入此管道：https://gist.github.com/Bloggerschmidt/d1c635a9d8ca6d2d8804a16822b72e4e 用法：

<div [innerHTML] = "'loc_key' | translate | sanitizeHtml"></div>

- Maxim Agapov