Javascript 将父聚合物元素数据公开给子元素

Javascript 将父聚合物元素数据公开给子元素,javascript,polymer,Javascript,Polymer,我的结构如下: <main-container data-endpoint="/api/allrecent"> <section> <list-container data-source="{{feed.recent}}" data-type="member" data-title="Recent Members"></list-container> </section> </main-container> 现

我的结构如下:

<main-container data-endpoint="/api/allrecent">
  <section>
  <list-container data-source="{{feed.recent}}" data-type="member" data-title="Recent Members"></list-container>
  </section>
</main-container>
现在,我想将
self.feed
作为数据源公开给
list container
。这意味着当承诺得到解决时,它将填充列表容器的内容

我只是在访问
列表容器中的提要时遇到了麻烦。我已经阅读了一些SO答案和聚合物文档,但还没有找到实现这一点的正确方法


解决方案可能很简单(比如绑定一个属性),但还没有找到它。

如果要使用绑定,则需要一个聚合物元素或一个带有包装
元素的模型的
标签

<polymer-element name="some-element" attributes="feed">
  <template>
    <main-container data-endpoint="/api/allrecent" feed="{{feed}}">
      <section>
      <list-container data-source="{{feed.recent}}" data-type="member" data-title="Recent Members"></list-container>
      </section>
    </main-container>
  </template>
</polymer-element>


现在,您可以将
中的属性绑定到

中的相同属性。是的,问题似乎出在结构上。我的
列表容器
元素不是
主容器
的影子DOM的一部分,而是它的同级元素。它解决了这个问题,部分要感谢你的回答。我可能需要扩展
主容器
来创建例如
最近的容器
等。
<polymer-element name="some-element" attributes="feed">
  <template>
    <main-container data-endpoint="/api/allrecent" feed="{{feed}}">
      <section>
      <list-container data-source="{{feed.recent}}" data-type="member" data-title="Recent Members"></list-container>
      </section>
    </main-container>
  </template>
</polymer-element>