问题标签 [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 回答
6681 浏览

angular - 如何修复“项目”缺少类型“项目 []”的以下属性:长度、弹出、推送、连接和 26 多个

有人可以帮忙解决这个问题吗?我正在通过 firebase 制作 CRUD 应用程序,而且我是 ts 和 firebase 的新手。请帮助我,我正在为此工作几天。谢谢

我的 ts 文件:

错误在 createItem() 上,我的控制台看起来像这样

src/app/items/shared/item.service.ts(31,19) 中的错误:错误 TS2345:“Item”类型的参数不可分配给“Item[]”类型的参数。“Item”类型缺少“Item[]”类型的以下属性:length、pop、push、concat 等 26 个。

0 投票
1 回答
62 浏览

angularfire2 - 如何使用 angularfire 查询引用?

plans是具有 2 个字段的根集合:daterecipe. recipe是对不同根集合的引用,称为recipes. 我正在尝试构建一个可观察的链,它发出指定日期范围内的计划引用的食谱。

我试过this.db.doc(p[0].recipe)了,但这并没有返回一个可观察的。我查看了创建一个指定多个 id 的查询,但这似乎是不可能的。有什么建议么?

0 投票
1 回答
83 浏览

rxjs - 将 .groupBy 与 Firestore 收集数据一起使用

我有一个包含许多作业的 Firestore 集合,但我想在客户端按作业编号对它们进行分组。我在网上浏览了很多例子,this.jobs = this.afs.collection('jobs').valueChanges().pipe(groupBy((job: any) => job.jobNumber), mergeMap(group => group.pipe(toArray())));但没有成功。我所拥有的是

作业 - 作业编号 1 - 作业编号 2 - 作业编号 3 - 作业编号 1

但我想要的是

作业 - [作业编号 1,作业编号 1] - [作业编号 2] - [作业编号 3]

0 投票
1 回答
1533 浏览

javascript - AngularFire - Firestore - 如何获取子集合并合并到 HTML

我目前有一个场景,我有一系列问题,我成功地获取了这些问题。在 firestore 中,每个 issue ( issues > issueID) 都有一个名为images.

在该集合中,每个图像都有文档 ID。( issues > issueID > images > imageID)。我有一个显示所有问题的页面,我还想显示每个问题的所有相关图像。

在下面的 HTML 中,我添加了一条评论,说明我希望问题图像去哪里。

期望的结果:

  • 第一期
    • 问题 1 图片
  • 第 2 期
    • 问题 2 图片

ETC

获取问题

HTML

图像集合参考 这是图像的位置,其中id是问题的 ID。这还没有被连接起来,但它是图像的位置。

0 投票
1 回答
767 浏览

ionic-framework - 处理 Ionic 4/Firebase 断开连接的最佳方法是什么

我正在运行和开发 Ionic 4 应用程序,但如果在 Chrome 开发人员工具上启用 Disconnect,我会收到大量控制台错误。处理此问题并停止错误生成的最佳方法是什么?

[编辑] - 一些错误

0 投票
1 回答
919 浏览

angular - 根据官方文档在app.module中导入@angular/fire时出现类型错误?

我在这里使用官方文档尝试将firebase添加到我的角度应用程序中,但我不断收到以下类型错误:

这是一个专门为测试firebase而构建的新项目,在这里,在github和firebase slack上待了一段时间后,我似乎无法弄清楚我做错了什么基本的事情。

我的进口:

在 app.module 的导入数组中:

我使用了命令:

按照文档和 package.json 中的方式安装,我有:

在这些版本中使用 Angular 8:

0 投票
1 回答
31 浏览

angular - 尽管从服务调用收集的产品显示在页面上,但接口日志未定义

这个问题是对此处发布的上一个问题的后续 - 上一个问题

我正在尝试将数据放入 firebase 数据库(特别是实时数据库),并且我编写了一个服务,该服务将获取我当前的所有产品,然后将其用于创建购物车的方法中。

但是,尽管我可以在视图上获取和显示产品,但我的服务继续返回未定义的结果。

我试图手动将我的数据放入一个接口,但每次我登录到控制台时,我都会得到undefined.

此服务方法用于从 firebase 数据库中检索产品:

下面的代码片段显示了我在组件内部尝试完成的工作。

上面代码片段的目标是传递products$给这个方法:

编辑:用于绑定的 HTMLaddToCart

与 HTML 一起使用的 addToCartProd 方法

我对这段代码的目标是附加addToCart到视图上的一个按钮,并根据它的键将正确的产品发送到数据库。当前实现发送undefined到数据库,这是造成混淆的原因,因为产品使用相同的getAll()方法显示在页面上。

谢谢

0 投票
0 回答
39 浏览

angular - 使用存储在 AngularFire5 中的字段中的文档 ID 从其他文档中获取值

我有两个系列:“车辆”和“客户”。在每辆车中,我都通过客户的文档 ID 注册客户。我需要使用存储在车辆文档中的密钥访问客户的标题,并将其显示在显示车辆列表的材料数据表中。但是,我似乎无法让它工作,我对此感到非常困惑。

下图显示了我需要使用另一个文档显示客户端标题的表格。其余值是从车辆自己的文档中提取的。

在此处输入图像描述

到目前为止,我对 switchMap 和 flatMap 的尝试都不成功(可能是由于缺乏使用这些运算符的经验)。唯一成功的尝试是通过嵌套的 observable 查询从 "vehicles" observable 获取客户端标题,但它的表现非常糟糕。(排序表格后客户标题消失)

这就是我获取可观察车辆的方式:

这就是我能够获取标题的方式(排序表事件中的故障 - 标题由于某种原因消失了)

我在尝试使用 switchMap 时一定做错了,因为我似乎无法从车辆文档中获取文档 ID,即使车辆接口包含“客户端”字段。(见下图)这就是为什么我没有完成那个片段来返回粒度值以附加到“车辆”可观察对象上。

在此处输入图像描述

我似乎无法理解我做错了什么,我将不胜感激任何显示处理这些类型查询的“正确”方法的方向。

0 投票
0 回答
58 浏览

angular - 在我的模块的 forRoot 方法中初始化另一个模块

我正在创建一个库模块(AuthModule),它依赖于第三方模块(AngularFire 的 AngularFireModule)。我的库(AuthModule)将在其他一些应用程序中使用。

问题是,为了能够导入 AngularFire,我必须向它传递一些配置,如下所示:

问题是我不想在我的库中硬编码选项/配置,因为这些会根据使用它的应用程序而有所不同。

我正在考虑在我的模块中使用 forRoot 方法,它接收配置作为参数,然后使用它来初始化第三方模块(AngularFireModule)。

但是是否可以在 forRoot 方法中导入另一个模块?如何?

谢谢!

0 投票
2 回答
140 浏览

angular - Angular Fire 从同一集合中获取相关数据

我在查询我的 firestore 项目时遇到了一个奇怪的行为。项目的一位用户就像系统的所有者,我们称他为生产者。而另一个users,可以属于一个producer,所以我有一个集合users,其中我有一个名为producer,的字段producer ID,如下所示。

在此处输入图像描述 *将制作人翻译为制作人。

我有一个称为转移的功能,我可以将现金从一个用户帐户转移到另一个帐户,但仅限于同一生产者的用户内部。所以我需要获取生产者与登录用户相同的所有用户,在这个集合上,这是我的功能:

但它不起作用,结果中唯一的用户是调用该函数的用户。这是 Angular Fire 的限制,还是我做错了?

我认为这可能是一个错误,因为我可以使用 get on document 然后 on collection 来解决这个问题:

这样,它返回生产者produtor与登录用户相同的所有用户。如果有人能解释我为什么,我会很感激。