从聚合物元素访问Firebase

我正在使用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）我的数据绑定安装不正确。

我在做什么错？

来源

2015-11-05 JQuery Mobile

您正在使用全新的Firebase应用程序还是现有的Firebase应用程序？没有任何数据的全新Firebase应用将返回null。

来源

2015-11-05 19:58:20

从聚合物元素访问Firebase

回答

相关问题