聚合物重复模板问题

对不起，模糊的标题，我不知道如何说出我的意思。聚合物重复模板问题

背景：我正在为我的公司制作一个单页的应用程序，我在建造聚合物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（））有没有人有任何想法是什么造成这种情况？

2015-06-01 Gwynnie

我有一个模糊的预感，这可能与Polymer如何抽象DOM有关。我建议你提供一个更完整的源代码片段（包括JS和HTML），可以阐明'cleanHTML'和'mainDiv'扮演的角色，并提供更好的上下文。 –

与聚合物一起使用时，不要将clone（）用于渲染内容，这是非常安全的。也许你想要实现的一个例子会有所帮助。 – Brandon

试试这个：

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

，是的，聚合物确实使重叠如果CSS冲突，所以我更喜欢使用自定义按钮，可修改

2015-08-14 05:49:17

回答