我在 firebase 的 3 级结构中有一些数据。我可以使用 Polymerfire 的 firebase-query 元素轻松获取数据并提取我想要的内容。但是,如果我在第三层更改数据,当我希望我的铁列表反映这一点时,什么也不会发生,因为我正在利用 Polymer 的数据绑定功能。
我还有其他可以正常工作的实例,其中我的查询路径是我正在更改数据的直接级别并且一切正常。
我遇到了这个线程,好像 firebase-query 有这个问题。我想知道它是否已解决,如果没有,将不胜感激向我展示一种仅获取更改的简单方法,目前我正在走链接中显示的路径,而且非常混乱。谢谢。
“为了便于阅读,我删除了不相关的内容”
这是我的数据结构:
{
"ky42sqEauWW0MMqEJaidCAI7Fcl1" : {
"499248079923499248138779" : {
"data" : "someValue", //this is what I need to be notified about when it changes
},
"499248079923499248138755" : {
"data" : "someOtherValue",
}
}
}
这是我将数据绑定到 iron-list 的地方:
<!all the imports and headers ... >
<head>
</head>
<body>
<dom-module id="test-page">
<template>
<style>
</style>
<firebase-query
id="myQuery"
app-name="test"
path="/myPath/here"
log=true
data="{{myData}}">
</firebase-query>
<app-header-layout has-scrolling-region style="top: 10px; width: 100%; min-height: 400px;">
<iron-list id="ironList" items="[[myData]]" as="myItem">
<template>
<some stuff goes here that need to change when data is updated after change>
</template>
</iron-list>
</app-header-layout>
<script>
HTMLImports.whenReady(function() {
Polymer({
is: 'test-page',
properties: {
items: {
type: Array
},
user: String,
uid: String,
myData: {
type: Array,
notify: true,
observer: '_itemsChanged',
},
},
//got this from the link above
observers: [
'_itemsChange(schedData.*)'
],
_itemsChange: function(schedData) {
console.log('my items changed: ', schedData);
},
//the polymerfire gives something like this as an example but
//I can't get it to actually work without getting my hands dirty trying to extract only the changed data
_itemsChanged: function(newData, oldData) {
console.log("old new data" , newData , oldData);
},
});
});
</script>
</dom-module>
<setting-page></setting-page>
</body>
</html>