聚合物重复模板问题

时间:2015-06-01 17:17:31

标签: javascript jquery html dom polymer

对于模糊的标题感到抱歉,我不确定如何说出我的意思。

背景:我正在为我的公司制作单页应用程序,我正在使用聚合物0.56进行构建,我只是尝试升级到1.0。

问题:将内容(干净的HTML)克隆到我的主视图"" div,一些聚合物元素(按钮)反复嵌套,导致显示UI错误:

Logout button with 2 UI buttons

生成的代码:

The bad generated UI code

只有在我.clone()内容时才会发生这种情况,或者使用.innerHTML将其复制到视图div中。 e.g。

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

奇怪的是,当使用以下内容时不会发生此问题:

mainDiv.append(cleanHTML);

这样:

What the button should look like Good code

在添加任何内容之前,始终会清除主div。我想尽可能避免直接使用对象cleanHTML(因此我为什么要尝试.clone())有没有人知道是什么导致了这个?

1 个答案:

答案 0 :(得分:0)

试试这个:

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

是的,如果CSS发生冲突,聚合物会使它重叠,所以我更喜欢使用可以修改的自定义按钮