高分子元件克隆去除高分子元件模板

clone of polymer element remove template of polymer element

本文关键字：高分子更新时间：2023-09-26

my polymer element:

<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>

终于解决了

polylabel1: mydiv in side template of polymer element.

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

在聚合物中使用<template>标记时，它创建了一个阴影DOM，这不是主DOM的一部分。您不会在DOM本身中看到元素，因为它不存在。请查看我链接的文章以了解更多信息。

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

高分子元件克隆去除高分子元件模板