Javascript 无法在表格的td标记中加粗特定单词

我想在一张桌子里用粗体字显示一些单词。也就是说，我在

td

标记中放了一个句子，我想加粗该句子中的一些单词。当我在Html中放一个字符串并赋予该单词时，它就起作用了。但当我给出一个变量时，它就不起作用了

<table class="action_tables" border="1">
   <tr>
      <td class="header_column">Name1:</td>
      <td class="content_column">this is <b>bold</b></td>
   </tr>
   <tr>
      <td class="header_column">Name2:</td>
      <td class="content_column">{{element[0].matched_keyword}}</td>
   </tr>
   <tr>
      <td class="header_column">Subject1:</td>
      <td class="content_column">{{element[0].nlp_matched_sentence}}</td>
   </tr>
   <tr>
      <td class="header_column">bold value1:</td>
      <td class="content_column">{{x}}</td>
   </tr>
   <tr>
      <td class="header_column">bold value2:</td>
      <td class="content_column"><span style="font-weight:bold">Your bold text</span></td>
   </tr>
</table>

名称1：
这是大胆的
名称2：
{{元素[0]。匹配的_关键字}
主题1：
{{元素[0].nlp_匹配_句子}
粗体值1：
{{x}
粗体值2：
您的粗体文本

.ts文件

element = [
    {
      id: 5636,
      matched_keyword: "test",
      nlp_matched_sentence:
        "The <strong>Air Force</strong> Test Center"
    }
  ];

元素=[
{
身份证号码：5636，
匹配的_关键字：“测试”，
nlp_匹配_语句：
“空军测试中心”
}
];

经过研究，我得到了3个解决方案，但没有一个对我有效。请查看演示以了解更多信息

---

要以编程方式设置html内容，我们需要使用innerHTML

要使用innerHTML作为数据绑定，我们需要使用插值语法=>innerHTML={{}

要使用innerHTML作为属性绑定，我们需要使用方括号语法=>[innerHTML]=''

更改html代码，如下所示：

<table class="action_tables" border="1">
  <tr>
    <td class="header_column">Name:</td>
    <td class="content_column">this is <b>bold</b></td>
  </tr>
  <tr>
    <td class="header_column">Name:</td>
    <td class="content_column">{{ element[0].matched_keyword }}</td>
  </tr>
  <tr>
    <td class="header_column">Subject:</td>
    <td class="content_column">
      <div innerHTML="{{ element[0].nlp_matched_sentence }}"></div>
    </td>
  </tr>
  <tr>
    <td class="header_column">bold value:</td>
    <td class="content_column"><div innerHTML="{{ x }}"></div></td>
  </tr>
</table>

姓名：
这是大胆的
姓名：
{{元素[0]。匹配的_关键字}
主题：
粗体值：

看一看

您需要添加

[innerHTML]

，如下所示：

    <td class="content_column" [innerHTML]="element[0].nlp_matched_sentence"></td>