2015-11-05 110 views
0

我正在使用Polymer和Firebase的應用程序。我正試圖弄清楚如何從我的自定義元素訪問我的Firebase文檔。目前,我有這樣定義的視圖:從聚合物元素訪問Firebase

<body> 
    <template is="dom-bind" id="dialog"> 
    <firebase-document location="https://my-app.firebaseio.com/" data="{{ orders }}"></firebase-document> 

    <iron-pages attr-for-selected="data-route" selected="{{route}}"> 
     <section data-route="home"> 
     <h3>Hello</h3> 
     </section> 

     <section data-route="orders"> 
     <h3>Orders</h3> 
     <user-orders orders="{{ orders }}"></user-orders> 
     </section> 
    </iron-pages>  
    </template> 
</body> 

用戶訂單元素的定義如下:

<dom-module id="user-orders"> 
    <template> 
    <template is="dom-repeat" items="[[ orders ]]" as="order"> 
     <div>[[ order.date ]]</div> 
     <div>[[ order.status ]]</div> 
     <div>[[ order.description ]]</div> 
    </template> 

    <button on-click="test">Test</button> 
    <button>Add New Order</button> 
    </template> 

    <script> 
    Polymer({ 
     is: "user-orders", 
     properties: { 
     orders: { 
      type: Array, 
      notify: true, 
      value: function() { 
      return []; 
      } 
     } 
     }, 

     test: function() { 
     alert(JSON.stringify(this.orders)); 
     } 
    }) 
    </script> 
</dom-module> 

與我的路由相關的觀點正確顯示。但是,當我點擊我的「測試」按鈕時,出現窗口,其中顯示null。它就像一個)我已經設置了我的Firebase連接不當,我不知道如何實際確認或b)我的數據綁定安裝不正確。

我在做什麼錯?

回答

0

您正在使用全新的Firebase應用程序還是現有的Firebase應用程序?沒有任何數據的全新Firebase應用將返回null