Angular 角材质垫卡插入以添加html格式的字符串错误

我有一个角度材料垫卡，我想添加插值，以添加内容字符串到垫卡内容

下面的工作没有插值

 <mat-card-content>
            <p>Guidelines.</p>
            <p>Click on the folliwng link for additional information</p>
            <a href="http://mySite/documents/guidances.docx">http://mySite/documents/guidances.docx</a>
        </mat-card-content>

带有工作链接的呈现页面

我认为内容将来自Web服务，不再是静态页面。现在我插入如下内容

<mat-card>
                        **<mat-card-content>{{message.content}}</mat-card-content>**
                    </mat-card>

当hmtl页面呈现时，它不会对字符串进行任何html格式设置

看起来像这样

<p>Guidelines.</p><p>UClick on the folliwng link for additional information</p><a href="http://mySite/documents/guidances.docx">http://mySite/documents/guidances.docx</a>

它只是将html代码粘贴到amt卡中

---

感谢您的帮助。谢谢

您可以将内容包装在div中，并使用innerHtml属性显示它，如下所示：

<mat-card>
   <mat-card-content><div [innerHtml]="message.content"></div></mat-card-content>
</mat-card>

---

您可以将内容包装在div中，并使用innerHtml属性显示它，如下所示：

<mat-card>
   <mat-card-content><div [innerHtml]="message.content"></div></mat-card-content>
</mat-card>

您可以使用innerHtml：

<mat-card-content>
 <div [innerHTML]="message.content"></div>
</mat-card-content>

您可以使用innerHtml：

<mat-card-content>
 <div [innerHTML]="message.content"></div>
</mat-card-content>

像这样使用-。插值不解析html。像这样使用-。插值不解析html。