问题标签 [angularfire5]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
9145 浏览

javascript - Firestore:检索单个文档

我想从 Firestore 中检索单个文档。所以我不是指集合中的文档列表(我知道该怎么做)。假设我知道文档的一个键值对,我想在 Angular 4 中找到并检索文档。

0 投票
0 回答
433 浏览

ngrx - ngrx 将数组添加/更新到状态数组

我在 Firestore 中维护了一个事件数据库。我使用 AngularFire5 将事件同步到我的应用程序。

这些事件有许多“会话”,可以更新我的多个管理员和用户(评级、问题等)。

我正在使用ngrx store、reducers 和effects 来保持同步。我能够弄清楚单个会话更新/删除/添加。

问题是会话的初始加载返回一个会话[]。除此之外,快照更改可能会返回“添加”、“修改”和“删除”会话。如何在会话不存在时使用单个操作+reducer 函数添加,但在会话存在时更新或删除。(我没有在我的 firebase 服务中调用 store.dispatch,我正在使用效果来管理它)

session.effect.ts

session.reducer.ts

session.actions.ts

0 投票
1 回答
403 浏览

angularjs - Angular Firestore 根据权限过滤文档

我在查询文档具有不同权限的集合时遇到问题。

无论如何要对集合执行查询以防止对我无法阅读的文档拒绝权限。如果我一次查询一个,我可以实现这一点。我需要查询集合以返回多个我可能没有权限的文档?我可以保留特定用户有权查询的文档 ID 列表,但我找不到任何有关指定文档数组的文档。

收藏:

规则:

如果用户 ID 在数据中,则权限受到限制。

这工作正常:

但是我需要集合中的多个项目,所以当我尝试类似下面的示例时如果失败,因为我没有对集合中所有文档的权限:

我希望我可以使用查询来解决这个问题,但是因为它正在查看文档,所以它也失败了:

所以我希望我可以指定我可以访问的文档(这是我需要的)并将它们返回到一个集合中

如果有人知道实现这一目标的解决方案,或者重构结构以实现这一目标,那将是一个巨大的帮助。

0 投票
1 回答
558 浏览

angular - 使用 ngFor 项目作为 Observable 列表中的键

我对 Angular 非常陌生,到目前为止,我对它的强大感到非常兴奋。我正在使用 angularfire2 库从 firebase (*.ts) 中检索两个单独的列表:

在使用 *ngFor 循环第一个列表时,我想使用 list1.val 作为获取 list2 值的键

在尝试不同的事情时,我遇到了很多不同的错误,但最突出的是这个错误:

这就是我的 *.html 文件目前的样子(正在尝试使用异步进行一些魔术):

我认为 ngFor 正在以某种方式改变 list1 的结构:

到一个更易消耗的对象。没有它,我的 list2 对象实际上是不能被索引的东西,除非发生某种转换?帮助 :)

0 投票
0 回答
209 浏览

angular - 如何在 angularFire 2 Account Create with email 中实现 reCaptcha?

我正在尝试使用 angularFire 2 登录并在 firebase 中创建帐户。电话登录有一个运行良好的 reCaptcha 字段。使用电子邮件和密码创建帐户也可以正常工作,但我想在创建表单(如电话登录功能)中使用 reCaptcha,但我没有找到用于在 angularFire 中使用 reCaptcha 验证创建使用电子邮件和密码的帐户的方法。我也尝试过文档,但没有这样的。如果在 angular fire 2 中是否有这样的选项,请帮助我。我正在使用"angularfire2": "^4.0.0-rc.1",

0 投票
1 回答
3071 浏览

angular - 订阅 AngularFireObject

我刚刚升级到 AngularFire2 rc 5.0。

我调整了我的代码,使其与新的类型和函数相匹配,但是在尝试订阅 a 时出现以下错误.object(path)

我的代码如下。

提供者:

页:

任何想法?

0 投票
0 回答
79 浏览

angularfire2 - AngularFire2 (rc5.0) 中已弃用的 exists() 函数的替代方案

我刚刚更新到最新版本的 AngularFire2 rc5。

看起来exist()已经不存在了。

你知道检查快照是否存在的新方法是什么吗?

0 投票
1 回答
767 浏览

firebase - Angularfire2如何组合两个列表

我正在使用 Angularfire2 v5。在我的数据库中,我有两个列表,一个是cart,另一个是product。在购物车列表中有一个包含产品 ID 的字段,现在我想要一个Observable包含购物车及其产品数据的字段。目前我正在尝试这种方式

现在在 html 中使用这个

但它显示我为空。如何同时显示购物车和产品列表的ngFor数据

0 投票
1 回答
6797 浏览

angular - Angular & AngularFire 5 从文档中检索数据

我在用什么

  • 角 5
  • 角火5
  • Firebase 和 Firestore

我想要达到的目标

我目前正在使用 Google Firebase 的新 Firestore 在学习 Angular 的同时创建一个新应用。我的应用程序当前创建了一个名为Links的集合,并创建了一个具有自定义 id的新文档,该文档在用户添加链接时生成,并且是 shorturl,并且在该文档中,有 4 个字段:

  • uid
  • 网址
  • 短网址
  • 点击次数

我希望应用程序在url字段中查询文档中的数据。

到目前为止我所拥有的

我创建了正确文档的路径:

我被困在哪里

这可能是一个简单的解决方案,但我不确定如何获取 url 字段。我拥有的代码能够检索文档,我在另一部分使用类似的方法来检索所有想法并使用 *ngFor 显示数据,但我不确定如何在 ts 文件而不是模板中执行此操作。

0 投票
0 回答
32 浏览

android - Ionic 使用 Firebase 模拟 android 404

我目前正在使用 angularfire 和 ionic 框架,它在浏览器中运行良好,但是当我在 android emulate 中模拟它时,我不断将 404 发送到任何 firebase 端点。在我的 config.xml 我有

<access origin="*" />

所以我认为这会很好,但我仍然得到一个 404。有没有其他人解决这个问题或一些关于如何解决它的想法?