有没有办法让聚合物中的安全html数据绑定？

Question

有没有办法允许数据绑定聚合物中的html渲染？

例如在AngularJS中有＆＃34; ng-html-bind＆＃34;做这项工作的指令。我正在寻找类似的东西。

下面是一个我愿意使用它的例子。

<core-tooltip>
    <core-icon icon="info-outline" size="30"></core-icon>
    <div tip>
       {{box.description}}
    </div>
</core-tooltip>

否则有任何关于如何以不同方式进行的建议？ 我正在从json文件加载这些数据，我正在寻找一种允许＆＃34; safe＆＃34; html渲染（针对XSS）。

Answer 1

这已被回答了几次：

• How to inject HTML into a template with polymer
• How to display html inside template?

Answer 2

根据接受的答案中的建议，我将id与我的工具提示div相关联：

<div id="tipContent" tip>
    {{box.description}}
</div>

然后让我的元素听取框更改：

Polymer("nautes-box",{
  boxChanged: function(){
      this.$.tipContent.innerHTML = this.box.description.chunk(40).join("<br /><br />");
  }
});

我希望这个答案最终会有用：）