2016-12-06 35 views
0

我試圖獲取Firebase數據,但firebase-query始終返回空數組。聚合物中無法獲取Firebase數據

首先,在我火力地堡數據看起來像

/skills 
|___ polymer 
|___ angular 
|___ react 

其次,我的高分子代碼是象下面這樣:

而且我並沒有使AUTH域,數據庫URL和錯誤api關鍵部件。

<firebase-app 
    name="pick-me-up" 
    auth-domain="auth-domain" 
    database-url="db-url" 
    api-key="my-key"> 
</firebase-app> 

<firebase-query 
    id="query" 
    app-name="pick-me-up" 
    path="/skills/" 
    data="{{data}}"> 
</firebase-query> 

<template is="dom-repeat" items="{{data}}" as="skill"> 
    <li class="item">{{skill}}</li> 
</template> 

和腳本代碼:

Polymer({ 
    is: 'pick-me-up-skills', 

    properties: { 
    data: { 
     type: Object, 
     notify: true 
    } 
    }, 

    observers: [ 
    '_dataChanged(data.*)' 
    ], 

    _dataChanged: function(newData, oldData) { 
    console.log(newData); 
    } 
}); 

而且我也改變我的火力地堡規則如下:

{"rules":{".read":true,".write":"auth != null"}} 

我真的不知道哪一部分是錯誤的。在控制檯中,newData始終等於[]

+0

你可以包括你的進口報表嗎?我99%確定我知道你的問題,因爲我也絆了幾次。 – zacharytamas

+0

@zacharytamas我包括我的導入語句。你有什麼需要嗎? –

回答

0
<firebase-app 
    auth-domain="glass-turbine-148103.firebaseapp.com" 
    database-url="https://glass-turbine-148103.firebaseio.com" 
    api-key="[secret]"> 
</firebase-app> 
<firebase-document 
    id="documentStores" 
    path="/[[saleBranch]]/stores" 
    data="{{stores}}"> 
</firebase-document> 
<firebase-query 
    id="queryProducts" 
    path="/[[saleBranch]]/products" 
    data="{{products}}"> 
</firebase-query> 

這裏saleBranch是:「更新銷售,售後服務第一!-演示」

我也遇到這樣的問題,但它的作品從元素中刪除app-name

錯誤path也導致錯誤,則可能嘗試從路徑中刪除/

0

其實我沒有將firebase-app和firebase-query元素放到同一個文件中。

現在,我把它放在同一個文件,然後它的工作。

但我還有1個問題。

我可以將這些元素分成不同的文件嗎?

如果我在其他文件中需要其他查詢,我應該再次在每個文件中放入firebase-app元素嗎?

這些都是我的import語句...

在提神上app.html

<link rel="import" href="../bower_components/polymer/polymer.html"> 
<link rel="import" href="../bower_components/app-layout/app-drawer/app-drawer.html"> 
<link rel="import" href="../bower_components/app-layout/app-drawer-layout/app-drawer-layout.html"> 
<link rel="import" href="../bower_components/app-layout/app-header/app-header.html"> 
<link rel="import" href="../bower_components/app-layout/app-header-layout/app-header-layout.html"> 
<link rel="import" href="../bower_components/app-layout/app-scroll-effects/app-scroll-effects.html"> 
<link rel="import" href="../bower_components/app-layout/app-toolbar/app-toolbar.html"> 
<link rel="import" href="../bower_components/app-route/app-location.html"> 
<link rel="import" href="../bower_components/app-route/app-route.html"> 
<link rel="import" href="../bower_components/iron-pages/iron-pages.html"> 
<link rel="import" href="../bower_components/iron-selector/iron-selector.html"> 
<link rel="import" href="../bower_components/paper-icon-button/paper-icon-button.html"> 
<link rel="import" href="../bower_components/paper-tabs/paper-tabs.html"> 

<link rel="import" href="pick-me-up-icons.html"> 
<link rel="import" href="shared-styles.html"> 

而且在提神上skills.html

<link rel="import" href="../bower_components/polymer/polymer.html"> 
<link rel="import" href="shared-styles.html"> 

<link rel="import" href="../bower_components/iron-icon/iron-icon.html"> 

<link rel="import" href="../bower_components/polymerfire/firebase-app.html"> 
<link rel="import" href="../bower_components/polymerfire/firebase-query.html"> 
<link rel="import" href="pick-me-up-skill-card.html"> 

接我 - 技能元素只是在接我應用程序中的頁面。

首先我把firebase-app放到pick-me-up-app.html文件中。

然後我把firebase-query放到pick-me-up-skills文件中。

但它不起作用,所以我將firebase-app移動到pick-me-up-skills文件中。

然後它工作。

相關問題