javascript - 将 DOM 节点作为属性传递给 Polymer

Question

好的，所以我定义了一个像这样的 polymer 对象:

<link rel="import" href="../bower_components/polymer/polymer.html">

<polymer-element name="my-element" attributes="content">
  <template>
  <div class="someclass">
    {{content}}
  </div>
</template>

<script>
  Polymer({});
</script>
</polymer-element>

如果我将它实例化为:

<my-element content="test"></my-element>

但是，我希望能够在元素内部传递 HTML。如果我这样做:

<my-element content="<div>test</div>"></my-element>

HTML 没有添加到 DOM，而是显示为文本。是否可以在 polymer 元素中传递 HTML？或者我在这里做错了什么？

感谢您的帮助!

Answer 1

这是我编写的一些骇人听闻的代码，可能会回答您的问题。

http://jsbin.com/hedutu/edit?html,output

基本上，我为接受字符串格式的 DOM 的属性创建了一个观察器，然后将该 dom 插入本地 dom 节点。