1

Vaadin Expense Manager Demopolymerfire/firebase-queryを使用して Firebase に保存されているデータをロードするために を使用しようとしています。具体的には、要素を と の組み合わせに置き換えようとしています。<vaadin-pouchdb><firebase-query></app-indexeddb-mirror>

https://github.com/vaadin/expense-manager-demo/blob/master/src/overview-page.html 
<firebase-query
  id="query"
  log
  app-name="my-firebase"
  path="[[user.uid]]"
  data="{{expenses}}">
</firebase-query>

ページを読み込もうとすると、グリッドにテスト データが表示されるはずです。代わりに、次のエラーが表示されます。

console.log

firebase.js:284 Uncaught TypeError: 文字列 'foo' にプロパティ '$key' を作成できません

firebase.js:284 Uncaught TypeError: 文字列 'new' にプロパティ '$key' を作成できません

firebase.js:284 Uncaught TypeError: 番号 '123' でプロパティ '$key' を作成できません

{{expenses}}アプリに配信されると予想される Iの値は<firebase-query>次のとおりです。

expenses = [
  {
    total    : 123   ,
    status   : 'new' ,
    merchant : 'foo' ,
  },
]

このエラーの原因は何ですか? '$key'作成しようとしているプロパティがあるのはなぜですか? あっ、待って。費用は Firebase に保存されているため、費用に関連付けられたキーがないためでしょうか?

編集：

Firebase でのデータは次のようになります。

my-firebase
│
└──my-userid-abc-123
   ├── merchant: "foo"
   ├── status: "new"
   └── total: 123
4

1 に答える 1

2

すべての子がプリミティブ値を<firebase-query>持つ場所での使用はサポートされていません。(boolean, string, number)これらの値をオブジェクトにネストすることを検討してください。

于 2016-07-22T20:41:28.977 に答える