如何解决如何在模板文字LitElement中呈现html标签?
我想要带有foo-nr1,foo-nr2的模板文字,并将其用作HTML标记。
render(
html `<foo-nrX></foo-nrX>`,document.querySelector('#bigfoo')
);
因为X是一个占位符,所以我尝试了以下所有操作:
html `<${fooplaceholder}></${fooplaceholder}>`,
或与此类似的q / a:
const getHTML = message => unescape(message).replace('\\','');
const setHTML = escape('<' + foo-nrX + '></' + foo-nrX + '>');
html `${getHTML(setHTML)}`,
但是,最佳结果是:
"<foo-nrX></foo-nrX>"
代替:
<foo-nrX></foo-nrX>
因此他没有将其解析为HTML Tag,而是在网站中显示为String。
解决方法
我自己找到了解决方案:
import {unsafeHTML} from 'lit-html/directives/unsafe-html.js';
const foo = '<' + fooNrX + '></' + fooNrX + '>';
render(
html `${unsafeHTML(foo)}`,document.querySelector('#bigfoo')
);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。