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)我的數據綁定安裝不正確。
我在做什麼錯?