3

我在 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>
4

0 回答 0