Klon von Polymerelement entfernen Vorlage von Polymerelement

Question

mein Polymerelement:

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

aber wenn ich dieses Element innere html entfernt wird klonen.

kann mir jemand helfen?

<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

endlich Lösung

polylabel1: id meiner div von Polymerelement in der Seitenvorlage.

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

Answer 2

Wenn die <template> Tag in Polymer verwendet wird, erstellt es eine shadow DOM, die nicht Teil des Haupt DOM ist. Sie werden die Elemente im DOM selbst nicht sehen, weil es nicht dort ist. Werfen Sie einen Blick auf den Artikel, den ich verlinkt habe, um mehr zu erfahren.

EDIT: Es klingt wie jQuery klont nicht den Schatten des Elements mit ihm. Verwenden Sie .clone(true), um auch verwandte Daten zu klonen.