2014-03-27 160 views
9

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

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

你是什麼意思的內部HTML將被刪除? – Scimonster

+0

我的聚合物成分模板。 –

+1

這裏工作正常http://jsfiddle.net/dSJAY/ –

回答

2

終於得到了解決

polylabel1:我在聚合物元件的側模板DIV的ID。

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

當使用聚合物的<template>標籤,它創建一個shadow DOM,這不是主要的DOM的一部分。你不會在DOM本身看到元素,因爲它不在那裏。看看我鏈接的文章瞭解更多。

編輯:這聽起來像jQuery沒有克隆它的元素的影子。嘗試使用.clone(true)也可以克隆相關數據。

+0

感謝ans,但克隆後不顯示自定義元素。 –

+0

克隆在這裏意味着什麼? – Scimonster

+0

克隆意味着元素的副本 –