使用angular-translate在已翻译的字符串中添加<strong> /粗体文本

Mat*_*ner 7 javascript translation angularjs angular-translate

我目前正在寻找一种解决方案,将一个粗体字放入由angular-translate过滤器翻译的字符串中.下面的示例代码:(我确定解决方案很简单......我似乎无法想象这一个!)

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

"AUTHENTICATE-ENTER-CODE": "blah blah blah"
Run Code Online (Sandbox Code Playgroud)

在我的html文件中,我有这个(根据键:值正确翻译):

{{'AUTHENTICATE-ENTER-CODE' | translate}}
Run Code Online (Sandbox Code Playgroud)

结果:"等等等等"

我要找的结果是" 等等等等"

我可以将它分成多个翻译键,但特定翻译由几个句子中的多个粗体词组成......我被告知要尽量将翻译键保持在最低限度,因为我们在这个项目中有几百个.

我已经尝试将粗体HTML标签放在我想要粗体的字体周围(知道它不会起作用)并且没有......它不起作用!我还浏览了angular-translate API,但也找不到我想要的内容.

任何输入都会很棒!

Uma*_*twa 15

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

JSON文件

"TextWithHtmlExample": "blah <b>blah</b> blah"
Run Code Online (Sandbox Code Playgroud)

Html 文件(角度模板)

<p [innerHTML]="'TextWithHtmlExample' | translate"></p>
Run Code Online (Sandbox Code Playgroud)

输出将是-

等等等等等等