Question

我的聚合物元素：

<ele-label id="newLabel" color="#000000" bgColor="#f1f1f1"  eleHeight="30" eleWidth="50" text="Name:" eleDisplay="inline-block"  elefloat="left"></ele-label>

但是当我克隆这个元素时，内部的html将被移除。

任何人都可以帮助我吗？

<polymer-element name="ele-label" attributes="text color eleid eleWidth eleHeight fontSize bgColor paddingTop paddingBottom paddingLeft paddingRight eleDisplay elefloat" > <template> <div><label style="font-size:{{fontSize}}pt; color:{{color}} ;">{{text}}</label></div> </template></polymer-element>

Answer 1

终于得到了解决方案

polylabel1 ：聚合物元素侧模板中我的div的ID。

 Polymer('ele-label', {
 ready: function()
        {
            this.innerHTML=this.$.polylabel1.outerHTML;
        }
 attributeChanged: function()
        {
            this.innerHTML=this.$.polylabel1.outerHTML;
        }
}

Answer 2

在Polymer中使用<template>标记时，会创建一个shadow DOM，它不是主DOM的一部分。你不会看到DOM本身的元素，因为它不在那里。看一下我链接的文章，了解更多信息。

编辑：听起来jQuery并没有用它来克隆元素的阴影。尝试使用.clone(true)来克隆相关数据。

聚合物元素的克隆去除聚合物元素的模板

2 个答案: