聚合物元素中动态插入的元素不可见

【问题标题】：Dynamically inserted Element within Polymer Element not Visible聚合物元素中动态插入的元素不可见
【发布时间】：2015-06-11 20:22:47
【问题描述】：

在自定义聚合物元素的ready() 方法中，我正在创建一个新元素并动态插入它。尽管它被视为 Shadow DOM 的一部分，但它在页面上不可见。

可能是什么解释以及如何解决这个问题？

DivElement de = new DivElement();
de.text = 'new div';
de.setAttribute('id' ,'myholder');
append(de);

【问题讨论】：

【解决方案1】：

通过这种方式，您可以将其添加为子项，而不是作为影子 DOM 的一部分。请改用shadowRoot.append...。如果您的元素模板中没有 <content></content> 元素，则不会显示子元素。

【讨论】：