javascript - 如何使用 polymer 将 HTML 注入(inject)模板

Question

我正在使用 polymer-jsonp 来执行 JSONP 请求，但响应有时包含 html。

例如，假设 post.content 是 "<strong>Foo</strong> bar" ，如何显示 {{post.content}} 这样 "Foo"是粗体吗？

<polymer-element name="feed-element" attributes="">
  <template>
    <template repeat="{{post in posts.feed.entry}}">
      <p>{{post.content}}</p>
    </template>
    <polymer-jsonp url="url" response="{{posts}}"></polymer-jsonp>
  </template>
  <script>
    Polymer('feed-element', {
      created: function() { },
      attached: function() { },
      detached: function() { },
      attributeChanged: function(attrName, oldVal, newVal) { }
    });
  </script>
</polymer-element>

Answer 1

Polymer 不会通过数据绑定(bind)标记未转义的 HTML，因为它成为 XSS 攻击的漏洞。

有关在有限情况下标记 HTML 或允许自定义过滤的讨论正在进行中，但这尚未在数据层实现。

现在可以使用额外的自定义元素来执行您想要的操作，但再次提醒您注意，如果您将不受信任的 HTML 呈现到您的页面中，可能会发生不好的事情。

这是一个展示这种技术的例子:

http://jsbin.com/durajiwo/1/edit