我一直在尝试使用<firebase-collection>
元素向<template is="dom-repeat">
提供数据:
<firebase-collection id="base" data="{{things}}" location="[…]"></firebase-collection>
<template is="dom-repeat" items="{{things}}">
[…]
</template>
如果我使用上面的代码,一切都按预期工作:DOM重复显示,并在JS控制台中填充app.things
。
如果我尝试在加载页面后动态创建<firebase-collection>
或更改其location
属性,则DOM重复和app.things
都不会反映加载的数据。生成的页面源是相同的,并且查询.data
的{{1}}属性会显示预期的结果。
为什么会有所不同?它与聚合物的冲压工艺有关吗?如何在以后动态创建集合元素并让它自动更新使用数据的其他元素?