2015-06-01 87 views
4

對不起,模糊的標題,我不知道如何說出我的意思。聚合物重複模板問題

背景:我正在爲我的公司製作一個單頁的應用程序,我在建造聚合物0.56,而我只是想升級到1.0。

問題:當克隆內容(清潔HTML)到我的主要的 「視圖」 分區,一些聚合物元件(按鈕)被重複地嵌套本身造成所示UI的錯誤:

Logout button with 2 UI buttons

所生成的代碼:

The bad generated UI code

這僅當我.clone發生()與c ontent或使用.innerHTML將其複製到視圖div中。例如

mainDiv.append($(cleanHTML).clone()); 

和奇數位是用於以下時,不會出現此問題:

mainDiv.append(cleanHTML); 

這給:

What the button should look like Good code

主要DIV在添加任何東西之前總是清理乾淨。如果可能的話,我想避免直接使用對象cleanHTML(因此我爲什麼要試圖.clone())有沒有人有任何想法是什麼造成這種情況?

+1

我有一個模糊的預感,這可能與Polymer如何抽象DOM有關。我建議你提供一個更完整的源代碼片段(包括JS和HTML),可以闡明'cleanHTML'和'mainDiv'扮演的角色,並提供更好的上下文。 –

+0

與聚合物一起使用時,不要將clone()用於渲染內容,這是非常安全的。也許你想要實現的一個例子會有所幫助。 – Brandon

回答

0

試試這個:

<paper-button> 
    <iron-icon icon="favorite"></iron-icon> 
    Logout 
    </paper-button> 

,是的,聚合物確實使重疊如果CSS衝突,所以我更喜歡使用自定義按鈕,可修改