gpt4 book ai didi

javascript - 使用 Polymefire firebase-query 元素未返回任何数据

转载 作者:行者123 更新时间:2023-12-03 03:41:57 25 4
gpt4 key购买 nike

我正在创建一个 dom 模块来在 div 中显示我的 firebase 数据。我关注了 Polycast 视频 https://www.youtube.com/watch?v=9AHDSGitDP0&t=639s但 firebase-query 组件没有提取数据。除了我登录的用户数据之外,控制台中没有显示任何数据,并且没有错误。我看到其他人在使用 Polymerfire 提取数据时遇到问题,我在这里尝试了解决方案,但没有成功:Polymer + Firebase (Polymerfire): <firebase-query> not working inside single page app view (with <firebase-app> located in my-app.html)

有人可以帮忙吗?

在我的 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-query 中使用 app-name,则需要在 firebase-app 中指定 name。如果您在应用中仅使用一个 firebase-app,则可以省略 firebase-app 中的 nameapp-name 在您的其他polymerfire 元素中。

属性events可能是一个数组而不是一个对象:

If the child nodes of the query are objects (most cases), data will be an array of those objects with an extra $key field added to represent the key. If the child nodes are non-object leaf values, data will be an array of objects of the structure {$key: key, $val:
val}
. https://github.com/firebase/polymerfire/blob/master/firebase-query.html

旁注:您只需在 browse-events 元素中导入 firebase-query 即可。 Firebase-query 将导入自身运行所需的脚本。 (与您的主 html 页面中的 firebase-app 相同)

关于javascript - 使用 Polymefire firebase-query 元素未返回任何数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45572125/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com