html - 如何从 .t​​xt 文件中获取 HTML 并在 [InnerHtml] Angular 8 中解释它

Question

从我的应用程序的管理模块中，我将 html 保存在 .txt 文件中，该文件存储在 Azure blobstorage 中，在前面（Angular 8 应用程序）我获取该文件的 URL 并获取其内容以显示视图，

所以在管理模块中我写了这样的东西：

<div>
<h1>Title</h1>
<p>Parrafo</p>
<div>

然后在前面我得到这样的东西：

<div><br></div><div><br></div><div><br></div>&lt;div&gt;<div>&lt;h1&gt;Title&lt;/h1&gt;</div><div>&lt;p&gt;Paragraph&lt;/p&gt;</div><div>&lt;div&gt;</div>

有很多额外的“div”，有时还有 span 标签

当我使用 [innerHtml] 指令在这样的 div 中解释它时：

<div [innerHTML]="HtmlFromFile">
</div> 

我没有在视图中显示任何内容，但在检查元素窗口中显示以下内容：

<div><br></div><div><br></div><div><br></div>&lt;div&gt;<div>&lt;h1&gt;Title&lt;/h1&gt;</div><div>&lt;p&gt;Paragraph&lt;/p&gt;</div><div>&lt;div&gt;</div>

当我把它放在一个 H1 标签中（只是为了测试）时：

<h1 [innerHTML]="HtmlFromFile">
</h1>

它在视图中显示以下内容：

<h1> Title </h1>
<p>Parrafo</p>

代替

标题Parrafo

如我所愿

怎么了？

标签： htmlangularfrontendinnerhtmlangular-directive