Angular - 将字符串变量的部分设为粗体

Question

有什么方法可以将字符串的一部分分配给变量粗体？

我尝试了以下方法：

boldTxt = 'bold'

message = 'this text should be ' + this.boldTxt.toUpperCase().bold() ;

但是我在 HTML 中得到的是：

this should be <b>BOLD</b>

闪电战

Answer 1

您可以使用innerHTML，例如：

<p [innerHTML]="message"></p>

设置innerHTML的值会删除元素的所有内容，并用通过解析消息变量中设置的HTML 构造的节点替换它们。当使用语句设置文本时<p>{{message}}</p>，内容不会解析为 HTML，而是解析为纯字符串。