如何使用Polymer 1.x将HTML注入模板？

发布时间：2020-12-14 19:38:43 所属栏目：资源来源：网络整理

导读：我的Polymer组件的模板的一部分应该从 JSON响应中呈现未转义的HTML(是的,在这种情况下这样做是安全的).到目前为止,我使用了juicy-html( https://github.com/Juicy/juicy-html),但它不再适用于Polymer 1.x. 我的模板的相应部分看起来非常像这样： template if

我的Polymer组件的模板的一部分应该从 JSON响应中呈现未转义的HTML(是的,在这种情况下这样做是安全的).到目前为止,我使用了juicy-html( https://github.com/Juicy/juicy-html),但它不再适用于Polymer 1.x.

我的模板的相应部分看起来非常像这样：

<template if="{{item.part1}}">
  <div>
    <template is="juicy-html" content="{{item.part1.part2  | callFunction}}"></template>
  </div>
</template>

我读了一些关于使用早期版本的Polymer注入HTML的解决方案,但是我想知道是否有一种“规范方式”来实现这个1.x？

解决方法

绑定节点的innerHTML属性的一种有点破解方法：

<div inner-h-t-m-l="{{myProp}}"></div>

聚合物从连字符推断大写,将后续字符转换为大写,当使用equals(=)而不是equals-dollar(= $)时,Polymer绑定到节点的属性而不是属性.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!