问题标签 [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.
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 个。
angularfire2 - 如何使用 angularfire 查询引用?
plans
是具有 2 个字段的根集合:date
和recipe
. recipe
是对不同根集合的引用,称为recipes
. 我正在尝试构建一个可观察的链,它发出指定日期范围内的计划引用的食谱。
我试过this.db.doc(p[0].recipe)
了,但这并没有返回一个可观察的。我查看了创建一个指定多个 id 的查询,但这似乎是不可能的。有什么建议么?
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]
javascript - AngularFire - Firestore - 如何获取子集合并合并到 HTML
我目前有一个场景,我有一系列问题,我成功地获取了这些问题。在 firestore 中,每个 issue ( issues > issueID
) 都有一个名为images
.
在该集合中,每个图像都有文档 ID。( issues > issueID > images > imageID
)。我有一个显示所有问题的页面,我还想显示每个问题的所有相关图像。
在下面的 HTML 中,我添加了一条评论,说明我希望问题图像去哪里。
期望的结果:
- 第一期
- 问题 1 图片
- 第 2 期
- 问题 2 图片
ETC
获取问题
HTML
图像集合参考
这是图像的位置,其中id
是问题的 ID。这还没有被连接起来,但它是图像的位置。
ionic-framework - 处理 Ionic 4/Firebase 断开连接的最佳方法是什么
我正在运行和开发 Ionic 4 应用程序,但如果在 Chrome 开发人员工具上启用 Disconnect,我会收到大量控制台错误。处理此问题并停止错误生成的最佳方法是什么?
[编辑] - 一些错误
angular - 根据官方文档在app.module中导入@angular/fire时出现类型错误?
我在这里使用官方文档尝试将firebase添加到我的角度应用程序中,但我不断收到以下类型错误:
这是一个专门为测试firebase而构建的新项目,在这里,在github和firebase slack上待了一段时间后,我似乎无法弄清楚我做错了什么基本的事情。
我的进口:
在 app.module 的导入数组中:
我使用了命令:
按照文档和 package.json 中的方式安装,我有:
在这些版本中使用 Angular 8:
angular - 尽管从服务调用收集的产品显示在页面上,但接口日志未定义
这个问题是对此处发布的上一个问题的后续 - 上一个问题
我正在尝试将数据放入 firebase 数据库(特别是实时数据库),并且我编写了一个服务,该服务将获取我当前的所有产品,然后将其用于创建购物车的方法中。
但是,尽管我可以在视图上获取和显示产品,但我的服务继续返回未定义的结果。
我试图手动将我的数据放入一个接口,但每次我登录到控制台时,我都会得到undefined
.
此服务方法用于从 firebase 数据库中检索产品:
下面的代码片段显示了我在组件内部尝试完成的工作。
上面代码片段的目标是传递products$
给这个方法:
编辑:用于绑定的 HTMLaddToCart
与 HTML 一起使用的 addToCartProd 方法
我对这段代码的目标是附加addToCart
到视图上的一个按钮,并根据它的键将正确的产品发送到数据库。当前实现发送undefined
到数据库,这是造成混淆的原因,因为产品使用相同的getAll()
方法显示在页面上。
谢谢
angular - 使用存储在 AngularFire5 中的字段中的文档 ID 从其他文档中获取值
我有两个系列:“车辆”和“客户”。在每辆车中,我都通过客户的文档 ID 注册客户。我需要使用存储在车辆文档中的密钥访问客户的标题,并将其显示在显示车辆列表的材料数据表中。但是,我似乎无法让它工作,我对此感到非常困惑。
下图显示了我需要使用另一个文档显示客户端标题的表格。其余值是从车辆自己的文档中提取的。
到目前为止,我对 switchMap 和 flatMap 的尝试都不成功(可能是由于缺乏使用这些运算符的经验)。唯一成功的尝试是通过嵌套的 observable 查询从 "vehicles" observable 获取客户端标题,但它的表现非常糟糕。(排序表格后客户标题消失)
这就是我获取可观察车辆的方式:
这就是我能够获取标题的方式(排序表事件中的故障 - 标题由于某种原因消失了)
我在尝试使用 switchMap 时一定做错了,因为我似乎无法从车辆文档中获取文档 ID,即使车辆接口包含“客户端”字段。(见下图)这就是为什么我没有完成那个片段来返回粒度值以附加到“车辆”可观察对象上。
我似乎无法理解我做错了什么,我将不胜感激任何显示处理这些类型查询的“正确”方法的方向。
angular - 在我的模块的 forRoot 方法中初始化另一个模块
我正在创建一个库模块(AuthModule),它依赖于第三方模块(AngularFire 的 AngularFireModule)。我的库(AuthModule)将在其他一些应用程序中使用。
问题是,为了能够导入 AngularFire,我必须向它传递一些配置,如下所示:
问题是我不想在我的库中硬编码选项/配置,因为这些会根据使用它的应用程序而有所不同。
我正在考虑在我的模块中使用 forRoot 方法,它接收配置作为参数,然后使用它来初始化第三方模块(AngularFireModule)。
但是是否可以在 forRoot 方法中导入另一个模块?如何?
谢谢!
angular - Angular Fire 从同一集合中获取相关数据
我在查询我的 firestore 项目时遇到了一个奇怪的行为。项目的一位用户就像系统的所有者,我们称他为生产者。而另一个users
,可以属于一个producer
,所以我有一个集合users
,其中我有一个名为producer
,的字段producer ID
,如下所示。
我有一个称为转移的功能,我可以将现金从一个用户帐户转移到另一个帐户,但仅限于同一生产者的用户内部。所以我需要获取生产者与登录用户相同的所有用户,在这个集合上,这是我的功能:
但它不起作用,结果中唯一的用户是调用该函数的用户。这是 Angular Fire 的限制,还是我做错了?
我认为这可能是一个错误,因为我可以使用 get on document 然后 on collection 来解决这个问题:
这样,它返回生产者produtor与登录用户相同的所有用户。如果有人能解释我为什么,我会很感激。