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

【问题标题】：How to inject HTML into a template with Polymer 1.x?如何使用 Polymer 1.x 将 HTML 注入模板？
【发布时间】：2015-06-07 20:28:24
【问题描述】：

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

【问题讨论】：

【解决方案1】：

一种绑定节点innerHTML 属性的稍微有点hack 的方式：

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

Polymer 从连字符推断大写，将以下字符转换为大写，当您使用等号 (=) 而不是等号 (=$) 时，Polymer 绑定到节点的属性而不是属性。

【讨论】：

【解决方案2】：

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

【讨论】：