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

Question

我的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来实现这一点？

Answer 1

绑定节点的innerHTML属性的一种轻微破解方式：

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

聚合物从连字符推断大写，将以下字符转换为大写，当您使用equals（=）而不是equals-dollar（=$）时，Polymer绑定到节点的属性而不是属性。

Answer 2

我们正在开发Polymer 1.0.x支持。你检查过https://github.com/Juicy/juicy-html/tree/1.0.x吗？