将DOM节点作为属性

时间:2015-08-31 09:54:18

标签: javascript dom 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,但显示为文本。是否可以在聚合物元素中传递HTML?或者我在这里做错了什么?

感谢您的帮助!

1 个答案:

答案 0 :(得分:2)

这是我制作的一些可以回答你问题的黑客代码。

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

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