如何在 Angular 2 中将字符串的特定部分加粗

2023-11-24

我有一个 HTML 代码如下:

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

我在用ngTranslate翻译描述。描述是我的翻译文件中的一个键,并且将显示该键的值。

描述如下:“单击取消以取消或单击确认以继续”。

我想把描述中的第一个取消和确认加粗。我怎样才能使用 css 和 Angular 2 做到这一点?


你应该利用[innerHTML],在您的翻译中添加 html 标签,如下所示:

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

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

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

请检查官方文档

Update: 工作中的 Plunker 示例

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在 Angular 2 中将字符串的特定部分加粗 的相关文章

随机推荐