javascript - 如何使用 Angular-Translate 处理包含 HTML 的字符串？

Question

有没有办法告诉 angular 和 angular-translate处理包含 HTML 内容的字符串。

我有 add_card-title = "To make ordering even quicker, <span class="nowrap">add a card now</span>"作为我的 Lang 字符串。当我通过编写 <p>{{'add_card-title' | translate}}</p> 在我的模板中使用它时我按原样得到字符串。

输出: To make ordering even quicker, <span class="nowrap">add a card now</span> 预期输出: To make ordering even quicker, add a card now

我知道我可以使用 ng-html-bind-unsafe但这没有帮助。

不工作:

<p ng-html-bind-unsafe="{{'add_card-title' | translate}}"></p>

有什么办法可以实现吗？

这是我的 plunker:http://plnkr.co/edit/nTmMFm9B94BmbTgo2h8H?p=preview

作为引用，您可以查看此问题:https://github.com/PascalPrecht/angular-translate/issues/173

注意:我不想让 Controller 来处理它。

Answer 1

您可以使用 angular-translate 2.0 立即执行此操作这些日子。

<p translate="{{ 'PASSED_AS_INTERPOLATION' }}"></p> 

为我创造奇迹。