翻译带有 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>