使用角度翻译在翻译的字符串中添加<强>/粗体文本

Adding <strong>/bold text in translated string using angular-translate

本文关键字：翻译文本添加字符串更新时间：2023-09-26

>我目前正在寻找一种解决方案，将一个粗体字放入由角度翻译过滤器翻译的字符串中。下面的示例代码：(我确定解决方案很简单...我似乎无法弄清楚这个！

我的语言 JSON 文件如下所示：

"AUTHENTICATE-ENTER-CODE": "blah blah blah"

在我的 html 文件中，我有这个(根据键：值正确翻译(：

{{'AUTHENTICATE-ENTER-CODE' | translate}}

结果： "等等等等">

我正在寻找的结果是"等等等等">

我可以将其拆分为多个翻译键，但特定的翻译由几个句子中的多个粗体字组成......我被告知要尝试将翻译密钥保持在最低限度，因为我们在这个项目中有几百个。

我尝试在我想要加粗的字体周围放置粗体 HTML 标签(知道它无论如何都行不通(，但没有......它不起作用！我还浏览了角度翻译 API，也找不到我想要的东西。

任何输入都会很棒！

如果您将 i18n 或任何其他 JSON 文件用于 Angular 2+ 版本中的内容。使用这个

杰森文件

"TextWithHtmlExample": "blah <b>blah</b> blah"

html 文件(角度模板(

<p [innerHTML]="'TextWithHtmlExample' | translate"></p>

输出将是-

等等

translate-compile

这是示例，我尝试使用 html 标签以及在翻译字符串中使用指令。

http://jsfiddle.net/walvekarnikhil/0j7pd40b/

<span translate="FOO" translate-compile></span>