javascript - Polymer 3：文本到 HTML

Question

在我的 Polymer 页面中，我从变量中的 db 获取文本，该文本包含 HTML 标记。如何将此文本更改为 HTML 格式？我得到的文字如下所示：

<h1>Header</h1>
<p>More text......</p>
<a href="http://www.google.com">Read more</a>

我将它显示在我的页面中，如下所示，其中item.content有上述文本：

<div>
  <p>${item.content}</p>
</div>

Answer 1

您可以使用lib 中的unsafeHTML函数。请参阅此处lit-html的API 参考。

例子：

import { unsafeHTML } from 'lit-html/directives/unsafe-html.js'

...

_render ({ yourHtmlString }) {
  return html`
    ${unsafeHTML(yourHtmlString)}
  `
}

在stackblitz上进行现场演示。