从 JSON 插入片段 HTML 并将其呈现为 HTML答案

【问题标题】：Insert snippet HTML from JSON and render it as HTML从 JSON 插入片段 HTML 并将其呈现为 HTML
【发布时间】：2022-01-25 19:16:49
【问题描述】：

我的模板 HTML 中有这段代码

    <div *ngIf="alertOptions?.texts">
      <p *ngFor="let paragraph of alertOptions?.texts">
        {{ paragraph }}
      </p>
    </div>

我的 JSON 中的文本如下：

Please <b>Call us</b> <a href="tel:+5798643210"> 5798643210</a>.<br>Weekends Chat with us <a href="#">Chat</a>

我知道我需要在 JSON 中转义引号！

"alertOptions":{
    "texts": [
      "Please <b>Call us</b> <a href=\"tel:+5798643210\"> 5798643210</a>.<br>Weekends Chat with us <a href=\"#\">Chat</a>"
    ]
}

但是，我得到

怎么做？

【问题讨论】：

这能回答你的问题吗？ Angular HTML binding
您好，在 JS 中，如果您使用 template litterals，则不需要转义引号
查看stackoverflow.com/questions/36265026/…

标签： html angular render code-snippets

【解决方案1】：

该代码可以工作！

<div *ngIf="alertOptions?.texts">
    <p *ngFor="let paragraph of alertOptions?.texts" [innerHTML]="paragraph"></p>
</div>

【讨论】：

【解决方案2】：

请尝试<div [innerHTML]="paragraph" > </div>

【讨论】：