如何在JavaScript字符串中加粗部分文本

Question

我正在尝试将字符串中的某些单词加粗，例如，我希望name变量加粗。在我的Angular组件中，我的代码是这样的：

const name = 'Mike';
const message = `My name is ${name}.`

然后在字符串中添加标记：

const message = `My name is <b>${name}</b>.`

但是在我的角度模板中，当我传递消息时，它没有加粗字符串。而是显示“我的名字是迈克”。在用户界面中。

<div>{{message}}</div>

我尝试对括号进行编码，但是id无效；有什么办法可以使它部分粗体？

Answer 1

我认为您可能需要使用innerHTML：

<div [innerHtml]="message"></div>

您可以检查the documentation以获得更多信息