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>