在Polymer Element中动态插入的元素不可见

Question

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

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

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

Answer 1

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