如何在Angular 2中使字符串的特定部分变为粗体

Question

嗨我有一个HTML代码如下:

<div class="row">
      <div class="col-12" style="margin-top:15px;margin-bottom:10px">
            {{"description" | translate}}
      </div>
</div>

我使用ngTranslate翻译描述.描述是我的翻译文件中的一个键,将显示该键的值.描述如下:"单击取消取消或单击确认继续".我想首先取消并在说明中确认为粗体.我怎么能用css和angular 2做到这一点？伙计们好吗？提前致谢.

Answer 1

你应该使用[innerHTML]你的翻译中的html标签,如下所示:

{
    "description": "click <strong>cancel</strong> to cancel or click <strong>confirm</strong> to proceed"
}

并在模板中将其绑定为html字符串:

<div [innerHTML]="'description' | translate"></div>