从 Polymer Element 访问 Firebase答案

【问题标题】：Accessing Firebase from Polymer Element从 Polymer Element 访问 Firebase
【发布时间】：2015-11-05 13:48:31
【问题描述】：

我正在开发一个使用 Polymer 和 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>

user-orders 元素的定义如下：

<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>

与我的路线关联的视图正确显示。但是，当我单击“测试”按钮时，会出现一个 alert 窗口，上面写着 null。就像a）我的firebase连接设置不正确，我不确定如何实际确认或b）我的数据绑定设置不正确。

我做错了什么？

【问题讨论】：

标签： firebase polymer

【解决方案1】：

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

【讨论】：