Polymer 聚合物复元素含量

我想创建显示其内容的自定义元素，如果点击内容，它将显示在“纸张”对话框中。我有：

<paper-element name="my-element">
    <template>
        <div vertical layout center on-tap="{{contentClicked}}">
            <content></content>
        </div>
        <paper-dialog id="dialog">
            <content></content>
        </paper-dialog>
    </template>
    <script>
        Polymer({
           contentClicked: function(){
               this.$.dialog.toggle();
           }
        });
    </script>
</paper-element>

聚合物({
contentClicked:function（）{
此.dialog.toggle（）；
}
});

内容仅添加到第一个div，而不添加到纸张对话框。是否有一些简单的方法可以将内容从div复制到dialog？

如本文所述，您不必使用插入点将light DOM拉入元素中。您还可以使用

this.children

从JavaScript访问light DOM节点

也许有一种更简单的方法可以做到这一点，但只要在所有子节点之间循环、克隆节点并多次附加它们就行了。需要注意的一点是，由于要将原始light DOM节点的克隆添加到元素中，因此在页面生命周期内对light DOM所做的任何更改都不会反映在这些副本中，每个副本都可能不同步

聚合物演示
聚合物({
contentClicked:function（）{
此.dialog.toggle（）；
},
domReady:function（）{
for（var i=0；i

谢谢你的回答。我不知道通过这个访问lightDOM的可能性。children:）毕竟我决定有两个内容，一个用于div，一个用于对话框。不过还是谢谢你。