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

时间:2014-12-05 13:58:05

标签: javascript angularjs translation angular-translate

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

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

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

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

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

结果:   &#34; blah blah blah&#34;

我要找的结果是&#34; blah blah blah&#34;

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

我已经尝试将粗体HTML标签放在我想要大胆的字体周围(知道它无论如何都不会工作)并且没有......它不起作用!我还浏览了角度翻译API,无法找到我想要的内容。

任何输入都会很棒!

2 个答案:

答案 0 :(得分:0)

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

  

Json文件

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

HTML文件(角度模板)

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

输出将是-

等等等等等等

答案 1 :(得分:-1)

<强>翻译编译

以下是示例,我尝试使用html标记,并在翻译后的字符串中使用指令。

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

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