问题标签 [polymerfire]

我是 Polymer 和 Firebase 的新手（也是一名程序员），我正在尝试使用 Google 进行简单的登录并显示用户已登录。在 Firebase 中启用了Google Auth 。没有用户登录时应该隐藏注销按钮，但是当我单击登录按钮时，什么也没有发生。浏览器的控制台中没有警告。这是我正在使用的代码：

请求失败后如何firebase-document回调错误事件？（或者至少是请求已完成的通知，以便我可以强制检查响应以查看我是否收到了预期的数据？）

例如，如果我在路径中输入了一个非法字符，例如点 ( .)，假设...

我收到以下错误消息：

未捕获的错误：Firebase.child 失败：第一个参数是无效路径：“email-address/user@example.com”。路径必须是非空字符串，并且不能包含“.”、“#”、“$”、“[”或“]”

似乎一个error事件（或某事）应该自动触发。但是文档没有提到任何.

如何获得异常回调或至少响应已完成的通知？

使用 Firebase Javascript 库，我可以使用 onDisconnect() 方法在客户端断开连接时安排数据库更新。

Google 发布了一组名为 PolymerFire 的 Polymer Elements，这使得挂钩 Polymer 应用程序和 Firebase 变得非常容易。

有没有人想出如何在使用 PolymerFire 的 Polymer 应用程序中使用 onDisconnect 方法？

我在以下设置中使用 Firebase 和 Polymer：

Firebase 数据

正如你所看到的，有几个用户有他们的用户 ID，下面是一个卡片组列表。这基本上是一个数组，但存储为我想使用的对象，firebase push id因为这可能会变得协作。

聚合物代码

使用 Polymer，我使用 dom-repeat 来迭代项目（只要我使用静止数组，效果就很好。

问题

众所周知，dom-repeat需要一个数组，但是当我使用推送 ID 时，Firebase 给了我一个对象。使用数组并将其存储到 Firebase 不是一个选项（例如 [0: abc, 1: def]）。另外，我需要保持双向数据绑定

尝试过的解决方案

(1)单向数据绑定 - 备选方案 1

(2)单向数据绑定 - 备选方案 2

(3)双向数据绑定

如前所述，（1）和（2）是没有选择的。(3) 实际上是有效的，但是使用这个解决方案，如果我只更新一个子属性，它会更新对象中的所有子属性。这会强制 dom-repeat 重新初始化元素。我正在使用一个<paper-input>元素，因此在按下一个键后它会失去焦点。

(4) 也无法使用 (1) oder (2) 然后手动绑定到子属性，因为无法使用动态索引（例如 {{dataCardSet.card-items.index}}

(5) 我也尝试在 中使用array-selector，dom-repeat遇到同样的问题，我无法动态创建数据绑定。

需要支持

我需要一种方法来保持双向数据绑定，保持 dom-repeat 和使用 push-ID。实际上，我很惊讶和失望，因为 Firebase 被宣传，但后来没有使用 Polymer 框架作为标准。

Rob Dodson 的这个Polycast和GitHub 上的代码给人的印象是这很容易工作，但是看看代码，它使用了一个数组和 push-ID，如视频中所示。

谢谢你的帮助！

我有一个简单的<firebase-query>标签，我想在通过<dom-repeat>. 比如我需要把一些字段变成链接，还要解析一些日期。

所以，一旦数据准备好，我需要获取数据，遍历每个项目，并更改一些值。

为此，我对数据进行了观察，以检测数据何时准备就绪。但是，我不知道如何遍历该 JavaScript 函数中的数据。出于某种原因，for(var i in items)尽管这些项目确实存在，但它不起作用。

这是组件：

理想情况下，我想要在观察者函数中做的就是：

但我似乎无法遍历数据。

在观察者函数内部，console.log(data)返回一些奇怪的东西，如下所示：

更新：

这是 console.log(data) 返回的屏幕截图（从观察者内部）：

该数组似乎填充了所有对象，但它显示为 Array[0]。所以它不会让我遍历它们。

更新 2：

感谢arfost，这是解决方案：

我正在尝试使用 Polymerfire 和 Polymer App Toolbox 模板将数据推送到 Firebase：

• my-app.html包含一个已配置的<firebase-app>组件。
• my-models.html（这是在my-app.html路由中配置的页面）包含一个<add-model>组件
• <add-model>是一个带有<firebase-query>, <firebase-auth>, 输入和提交按钮的表单。

• 我尝试<firebase-query>在对象中使用以下函数推送数据add-model.html Polymer：

  结果

• push在返回中调用<firebase-query>对象（在此 Q/A 中进行了解释，在我们的例子中是因为似乎没有正确声明）。add-model.htmlCannot read property 'push' of undefined<firebase-app>

• <firebase-app>从文件移到文件确实使该my-app.html功能起作用，但随后失去了其 Firebase 功能。add-model.htmlpushmy-app.html
• 调用<firebase-app>my-app.html 和 add-model.html 返回Uncaught Error: Firebase App named 'firebase-app' already exists.
• <firebase-auth>确实起作用add-model.html并返回一个[[user]]对象。

如何从我的路线firebase-query正确通信？firebase-app

我正在创建两个用户之间的合同并按如下所述构建我的数据库。问题是我在与两个用户创建合同时遇到问题user_id:true。我不确定我是否采取了正确的方法。我正在关注firebase文档并按照建议构建合同。

我正在创建合同：

我基于 Polymer Starter Kit 创建了一个 Firebase 项目，并进行了一些修改以修复路由，但登录弹出窗口立即关闭并记录错误：

在完成操作之前，用户已关闭弹出窗口。

调用该_authenticate函数（在下面的代码中）来验证用户。我能够在 Facebook 和 Google 控制台上正确设置它，所以我不确定错误的含义。

这是我的代码：

我目前有一个有效的 PolymerFire 身份验证系统，我可以在其中使用电子邮件和密码登录并创建用户。我的登录和注册页面目前只是我的应用程序中的另一个页面。

我想获取这些页面，并让它们成为未登录用户唯一可以访问的页面。登录后，我想隐藏这些身份验证页面并允许他们使用我应用程序的其余页面。

以下是一些相关代码：

我的应用程序.html

我的应用程序.js

我的登录.html

我的登录.js

我对身份验证系统非常陌生，因此欢迎任何建议或资源建议。我发现目前还没有太多关于 PolymerFire 的信息。谢谢你。

我有一个组件，它获取一些数据。路径是动态的，因为它内部有一个绑定。

然后我有一些动态改变路径的链接。我希望数据列表会相应更新。

当我第一次加载页面时，一切正常，但是每当我单击链接以更新路径（并因此获取新数据）时，它什么都不返回。

我检查了观察者的情况，看起来每当我更新路径时，数据都会更新两次：首先它返回我期望的实际数据，然后它返回一个空数组。

这是组件：

这是我单击其中一个链接时控制台显示的内容：

似乎有一些不同步的巫术正在发生 - 关于如何解决这个问题的任何想法？