使用html标记翻译管道

Question

在Angular中，当使用translate管道时，我向其提供string，以获得验证服务的结果消息。它对我来说很好，直到我需要带下划线的短信。我认为使用html而不是简单的文本会很好。那么，我如何在不更改任何css或添加逻辑的情况下做到这一点呢？

<div class="field-error text-small"
*ngIf="showMessage">
{{ errorMessage | translate }}
</div>

我需要提供的字符串："The e-mail or password is incorrect. <u>Have you forgotten your password?</u>"

Answer 1

所以，基本上我们只需要用属性绑定来代替插值。我们可以绑定到innerHtml，它将解决我们的问题。官方文档：github.com/ngx-translate/core#6-use-html-tags

<div class="field-error text-small"
*ngIf="showMessage" 
[innerHtml]="errorMessage | translate">
</div>

Answer 2

以下内容也应该有效：

<div class="field-error text-small"
*ngIf="showMessage" 
translate>errorMessage
</div>