当firebase-query数据没有直接暴露时(在更深层次的JSON中),我是否必须强制通知更改?

时间:2016-11-16 04:47:56

标签: firebase polymer firebase-realtime-database polymerfire polymer-elements

我在firebase中有一个3级结构的数据。我可以使用Polymerfire的firebase-query元素轻松获取数据并提取我想要的内容。但是,如果我在第三层更改数据,当我希望我的铁列表反映出我正在利用Polymer的数据绑定功能时,没有任何反应。

我有其他实例可以正常工作,我的查询路径是我更改数据的直接级别,一切正常。

我来自this线程,似乎firebase-query有这个问题。我想知道它是否已经解决,如果没有,我会很高兴向我展示一个只能获得更改的简单方法,目前我正在走向链接中显示的路径并且它非常混乱。谢谢。

"我删除了与之无关的内容,以便于阅读"

这是我的数据结构:

{
  "ky42sqEauWW0MMqEJaidCAI7Fcl1" : {
    "499248079923499248138779" : {

      "data" : "someValue",        //this is what I need to be notified about when it changes
    },
    "499248079923499248138755" : {
      "data" : "someOtherValue",
    }
  }
}

以及我将数据绑定到铁列表的地方:

<!all the imports and headers ... >
  <head>

  </head>
  <body>

  <dom-module id="test-page">
    <template>
      <style>
     </style>

     <firebase-query
            id="myQuerry"
            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>

0 个答案:

没有答案