在dart聚合物中，如何定义嵌套的自定义元素？

我想用Dart聚合物为自定义元素构建一个库，其架构如下所示：

<parent-custom-element attributes="xxxx">
<child-custom-element-0 attributes="yyyyy">     </child-custom-element-0>
<child-custom-element-1 attributes="zzzzzzzz">     </child-custom-element-1>
</parent-custom-element>

要求是：子自定义元素可以访问父自定义元素的DOM/变量/对象。例如，如果父自定义元素具有画布对象，则子自定义元素可以在其上绘制线或圆

有什么办法吗？或者有什么例子来指导我

---

谢谢

我写了一篇关于嵌套聚合物元素的博文：

这将帮助您了解如何嵌套元素。请随时提问

问候

---

罗伯特

谢谢你的选择。然而，我必须知道如何在父元素和子元素之间进行数据绑定。这不是我要展示的吗？您不能在发布时将其删除，因为子元素无论如何都不会显示。您必须将它们移动到父对象的阴影域。我认为您必须手动创建数据绑定。是的，我知道我必须将它们移动到父级的shadowDOM中。之后，我尝试手动创建数据绑定，但从未成功。有什么原因吗？谢谢您如何尝试初始化数据绑定？您只需要使内部子元素的属性可见，并在子元素中正常使用数据绑定。在父元素中，可以使用

child.myAttr=this.myAttr（这里使用此选项可以更好地显示我的意思）。然后数据绑定应该可以工作了。我用下面的代码尝试了您的建议：ChildElement child=shadowRoot.querySelector（'child-element'）；dataObject=新的dataObject（）；child.dataObject=dataObject。问题是，当dataObject[通过单击子元素中的按钮]改变时，父元素DOM将更新，但子元素不会。因此，我认为这两个元素之间有数据绑定，但是如何使子元素elmentdom用数据更新呢？