我有一个 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(使用前将#替换为@)