Angular2 i18n：翻译中的HTML标记？

Question

我已经在我的Angular2应用程序中实现了i18n，所有设置都已完成。我唯一挣扎的就是翻译中的HTML标记。

E.g。我有这样的标题：

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

但这看起来并不合适。

此外，我的T＆amp; C页面上有很多HTML标记。现在我已将i18n元素添加到顶部，但翻译时所有格式都会丢失。

或者我使用的是错误的工具？我在那里尝试了很多，他们都没有很好地管理这个。

Answer 1

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

用法：

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