问题标签 [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 投票
1 回答
257 浏览

angular - 可观察的 AngularFire 存储任务永远不会完成

我正在成功地将相机图库图像上传到 firebase,但是我无法 getDownloadURL() 因为 AngularFire 存储任务 observable 永远不会完成。

我已经查阅了“监控上传百分比”之后的文档-此处 的示例用法

请你能告诉我我做错了什么或推荐一种替代方法。谢谢。

相关进口

Ionic Native 5 参考: https ://blog.ionicframework.com/help-test-ionic-native-5/

相关依赖

0 投票
1 回答
79 浏览

angular - 如何获取特定的文档 ID?角火 5.1.1 | 云火库 | 文件

现在,this.item具有特定文档的价值,但文档除外id

我想要id并记录数据。

(或者)

如果snapshotChanges()是这样,我将如何使用它?

谢谢..!

0 投票
1 回答
9200 浏览

angular - 如何获取带有 id 的特定文档数据?| 角火 5.1.1 | 云火库 | 文件

我正在使用数据访问服务从 firebase firestore 获取数据。

如何使用 snapshotChanges() 方法获取带有 id 的特定文档数据

我希望 this.product 返回文档值和文档 ID

谢谢你!!

0 投票
1 回答
650 浏览

angular - 使用 Angular Reactive Forms 时实现自动保存到 Firestore 数据库

我有一个 Angular 应用程序,其中表单中的数据需要立即或多或少地保存到 Firestore 数据库(并从中更新),因为 1)多人将在同一个表单上输入数据,2)其他用户将在应用程序的另一部分使用实时值,以及 3) 需要保存数据以防断电或互联网故障。

我正在使用反应式表单,我尝试通过订阅表单更改以及触发 keyup 上的单个更改来保存表单值。在大多数情况下,它工作正常,但有时数据会丢失。

例如,假设我在字段中输入了一些内容(例如 123456789)。以下是有时会发生的情况:

  • 当我输入时,“1234”被保存到数据库中
  • 我继续输入“567”
  • 一旦 1234 在数据库中更新,它就会被发送到文档的 valueChanges observable
  • 表单被“1234”修补
  • 我继续输入“89”
  • 输入中的值现在是“123489”(丢弃 567,因为更新发生时它丢失了)

有没有好的方法来处理这个?我曾尝试使用 debounceTime,但这会加剧延迟问题。

我有一个示例 stackblitz,我在其中模拟了 firestore 数据库延迟问题(https://stackblitz.com/edit/immediate-save?file=src/app/app.component.ts)。

ps 我可以推迟保存直到焦点改变(例如模糊或(更改)),但如果光标停止在字段中输入,但我也想触发保存,但没有选项卡到下一个字段

0 投票
1 回答
64 浏览

angular - 无法在材质数据表中使用 AngularFirestore 获取对象键

我有一个包含 3 个文档的材料数据表。在这些列中,我有一个需要获取 id ($key) 的编辑列,以便我可以路由到/object:id。

我怀疑这与异步加载有关,但在尽我所能进行彻底搜索后,我无法真正找到可靠的答案,或者诚然,我真的不知道如何将其合并到数据表中.

当我如上所述使用集合(可观察的)作为我的数据表源时,我能够获取键并显示它们,但是即使这会显示内容,它也会使数据表功能无用,例如过滤和排序。

这是我的 TS 和模板文件:

(我尝试将相同的值分配给多个属性 [uid, $key] 以确保它不是关键字问题)

这是我使用“dataSource”作为数据表源的时候: 在此处输入图像描述

这是我使用 observable 作为数据表源的时候: 在此处输入图像描述

由于我能够以某种方式使用可观察异步获取密钥,我如何将类似的方法合并到数据表中,以便我可以使用数据表获取密钥?是否有另一种方法可以使用我可能错过的材料数据表导航到集合中的文档?

0 投票
1 回答
72 浏览

angular - angularfire5 & firebase autocomplete 相当于 WHERE LIKE?

我使用 angularfire2 v5 的 firebase 自动完成服务如下所示:

但是,这似乎区分大小写。这是一个限制,还是有类似于 mySQL 中的 WHERE LIKE 的查询?

0 投票
4 回答
14104 浏览

firebase - Firestore:如何查询文档集合中的地图对象?

我的目标:

网络应用程序(类似于 Google Drive)有 2 个屏幕。

第一个屏幕是“我的故事”,它显示了我拥有的所有故事文档。

第二个屏幕是“与我共享”,它显示了我是读者、作者或评论者的所有故事文档。

我们有这个/stories/{storyid}

完整的数据结构参考:https ://firebase.google.com/docs/firestore/solutions/role-based-access

问题:如何编写以下查询来实现上述目标?

上面的查询不起作用,因为它需要 Firestore 索引 roles.alice、roles.bob、roles.david、roles.jane 和 roles.[all_uid]。


编辑#1:找到一个相关的帖子(没有答案)询问Firestore 查询角色

0 投票
1 回答
33 浏览

angular - AngularFire2 v5 Angular 身份验证

我正在处理的 Angular 项目遇到一些问题。

我决定将 Angular7 与 Firebase 一起使用(AngularFire v5)

在我的 AuthService

我试图在用户登录时获取对用户个人资料的 Firestore 引用,并在组件的前端显示用户的名字和姓氏。

但是当我尝试访问配置文件以订阅它时:

它给了我错误。

错误类型错误:无法读取未定义的属性“订阅”

0 投票
1 回答
208 浏览

angular - AngularFire - 如何在集合查询中显示 Firestore 键和值

我正在使用标准的 AngularFire 集合查询。然而,项目要求规定,我们不是直接在 HTML 中显式绑定 firestore 节点和值(如下面的第一个 HTML 片段所示),而是绑定返回的键和值,以便在 Firestore 中添加任何新字段时,我不需要更新我的项目来显示这些项目。

有没有办法使用标准的 AngularFire 查询来绑定 HTML 中每个返回结果的键和值?

用户.component.ts

HTML

期望的结果

0 投票
0 回答
98 浏览

angularfire2 - 当我在延迟加载的模块中导入 AngularFirestoreModule 和 AngularFireModule 时,没有 AngularFirestore 的提供者

当我在我的 Angular 应用程序的根模块中导入 AngularFireModule 和 AngularFirestoreModule 时,一切正常。但是不想在我的根模块中导入它们以保持我的根模块包很小。所以我将它们导入到按需加载的延迟加载模块中通过路由器。在这种情况下,我收到错误 NullInjectorError: No provider for AngularFirestore!因为我有一项服务,我正在使用 AngularFirestore 服务。我怎么解决这个问题?

但是如果我在延迟加载的模块中做同样的事情,它就不起作用