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

Question

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

可能是什么解释以及如何解决？

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

Answer 1

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