Question

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

与我的路线相关联的视图正确显示。但是，当我点击我的＆＃34;测试＆＃34;按钮，会出现alert窗口，显示null。它就像a）我没有正确设置我的firebase连接，我不确定如何实际确认或b）我的数据绑定设置不正确。

我做错了什么？

Answer 1

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

从Polymer Element

1 个答案: