在飞镖聚合物中如何定义嵌套的自定义元素？答案

【问题标题】：In dart polymer how to define nested custom element?在飞镖聚合物中如何定义嵌套的自定义元素？
【发布时间】：2014-04-26 02:07:52
【问题描述】：

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

<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/变量/对象。例如，如果父自定义元素有一个画布对象，则子自定义元素可以在其上绘制线条或圆圈。

任何想法如何做到这一点？或者有什么例子可以指导我？

谢谢！

【问题讨论】：

标签： dart dart-polymer

【解决方案1】：

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

http://www.roberthartung.de/nested-polymer-elements-and-data-binding-in-googles-dart/

这应该可以帮助您了解如何嵌套元素。欢迎提出更多问题！

问候罗伯特

【讨论】：

感谢您的选择。但是，我必须知道如何在这里进行父元素和子元素之间的数据绑定。
这不是我要展示的吗？您不能在发布时使用它，因为子元素无论如何都不会出现。您必须将它们移动到父级的 shadowDom。我认为您将不得不手动创建数据绑定。
是的，我知道我必须将它们移动到父级的 shadowDOM 中。之后，我尝试手动创建数据绑定，但从未成功。有什么理由吗？谢谢！
你如何尝试初始化数据绑定？您只需要使您的内部孩子的属性可观察，并在子元素中正常使用数据绑定。然后，您可以在父元素中使用child.myAttr = this.myAttr;（这里使用它是为了更好地说明我的意思）。然后数据绑定应该可以工作了。
我用下面的代码尝试了你的建议： ChildElement child = shadowRoot.querySelector('child-element');数据对象 = 新数据对象（）； child.dataObject = 数据对象； .问题是，当 dataObject 正在更改 [通过单击子元素中的按钮] 时，父元素 DOM 将更新，但子元素不会。因此，我认为我们在两个元素之间进行了数据绑定，但是如何使子元素 DOM 随数据更新呢？