将innerHtml与按钮标记一起使用不会以斜角显示

Question

我的组件类具有这样的字符串：

  text: string = "I am <button type='button' class='btn btn-link p-0 hashtag'
        (click)='searchHashtag(innerHTML)'>#happy</button> because I have 
  <button type='button' class='btn btn-link p-0 mention'>@sarah</button>";

并且我的html模板具有：

 <div class="container">
   <p [innerHtml] = "text"></p>
 </div>

我得到的输出是：

I am  because I have

Answer 1

您需要大写 innerHtml 的 HTML 部分。

<div class="container">
   <p [innerHTML]="text"></p>
 </div>