Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/firebase/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用PolymFire firebase查询元素未返回任何数据_Javascript_Firebase_Firebase Realtime Database_Polymer_Polymerfire - Fatal编程技术网

Javascript 使用PolymFire firebase查询元素未返回任何数据

Javascript 使用PolymFire firebase查询元素未返回任何数据,javascript,firebase,firebase-realtime-database,polymer,polymerfire,Javascript,Firebase,Firebase Realtime Database,Polymer,Polymerfire,我正在创建一个dom模块,以在div中显示我的firebase数据。我随后在上观看了Polycast视频,但firebase查询组件没有拉入数据。除了我的登录用户数据之外,控制台中不会显示任何数据,并且没有错误。我看到其他人在使用polymerfire提取数据时遇到问题,我在这里尝试了解决方案,但没有成功: 有人能帮忙吗 在我的html主页面中,我有以下内容: <head> <meta charset="utf-8"> <link rel="styl

我正在创建一个dom模块,以在div中显示我的firebase数据。我随后在上观看了Polycast视频,但firebase查询组件没有拉入数据。除了我的登录用户数据之外,控制台中不会显示任何数据,并且没有错误。我看到其他人在使用polymerfire提取数据时遇到问题,我在这里尝试了解决方案,但没有成功:

有人能帮忙吗

在我的html主页面中,我有以下内容:

<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="stylesheets/style.css">
    <link rel="import" href="../bower_components/polymer/polymer.html">
    <link rel="import" href="../bower_components/polymerfire/polymerfire.html">
    <link rel="import" href="../bower_components/polymerfire/firebase-app.html">
    <link rel="import" href="../bower_components/polymerfire/firebase-database-script.html"> 
    <link rel="import" href="../bower_components/webcomponentsjs/webcomponents-lite.js">
    <link rel="import" href="elements/browse-events.html"> <!-- my custom component -->
</head>

<body>
            <firebase-app
                api-key=""
                auth-domain=""
                database-url=""
                project-id=""
                storage-bucket=""
                messaging-sender-id="">
            </firebase-app>

            <!-- my custom component -->
            <browse-events></browse-events>

</body>
下面是我的组件文件browse-events.html中的代码

<!-- dependencies -->
<link rel="import" href="../bower_components/polymer/polymer.html">
<link rel="import" href="../bower_components/polymerfire/polymerfire.html">
<link rel="import" href="../bower_components/polymerfire/firebase-app.html">
<link rel="import" href="../bower_components/polymerfire/firebase-database-script.html">
<link rel="import" href="../bower_components/polymerfire/firebase-database-behavior.html">
<link rel="import" href="../bower_components/polymerfire/firebase-query.html">

<dom-module id="browse-events"> 
    <template>
        <firebase-query
                        id="query-all"
                        app-name="authtest-54513"
                        path="/events"
                        data="{{events}}">
        </firebase-query>

        <template is="dom-repeat" items="[[events]]" as="event">
            <div> 
                <h1>[[event.title]]</h1>
            </div>
        </template>
    </template>

    <script>
        Polymer({
            is:'browse-events',
            properties: {
                events: {
                    type: Object
                }
            }
        });
    </script>
</dom-module>

如果在firebase查询中使用应用程序名称,则需要在firebase应用程序中指定名称。如果在应用程序中仅使用一个firebase应用程序,则可以在firebase应用程序中省略名称,在其他polymerfire元素中省略应用程序名称

属性事件可能是数组而不是对象:

如果查询的子节点在大多数情况下是对象,则数据将 是这些对象的数组,其中添加了一个额外的$key字段 代表关键。如果子节点是非对象叶值, 数据将是结构{$key:key,$val: val}。


另请注意:您只需要在browse events元素中导入firebase查询。Firebase查询将导入其自身运行所需的脚本。在你的html主页中firebase应用程序也是如此

谢谢你,这修复了它,特别是当我从firebase查询中删除应用程序名称时。非常感谢!