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

angular - 如何通过 Angularfire 5.0 从 Firebase 列表中获取密钥

我试图将我的 Angularfire 4 代码升级到最新版本。有一些重大变化,因为它不再发出 $key。官方文档声明通过嵌套我很难理解的地图运算符来管理它 -

这个嵌套地图是如何工作的?为什么我不能在单个地图运算符中执行相同的操作?

0 投票
1 回答
1118 浏览

angular - Ionic3,AngularFire - 'Observable'类型上不存在属性'remove''

我一直在关注一个过时的教程(特别是这个播放列表),我在 AngularFire 4.0 和 AngularFire 5.0 之间切换时迷失了方向。这是一个实现 Firebase 的简单 CRUD 应用程序。代码很粗俗,但我可以查看并发布到数据库。

我正在尝试使用 firebase 中的密钥从节点中删除项目,但出现错误

Property 'remove' does not exist on type 'Observable<any[]>'.

这是我的.ts文件:

这里.html是显示记录的代码。

我知道FirebaseListObservable被重构为AngularFireList,但我将变量分配给了类型Observable

matatuListRef$: Observable<any[]>;

TypeError: _this.matatuListRef$.remove is not a function最重要的是,当我尝试删除记录时,我在浏览器控制台上收到错误消息。

我该如何解决这个问题?非常欢迎所有建议和方法,但如果解决方案专注于使用AngularFireList.

0 投票
0 回答
180 浏览

firebase - Angularfire2 v5 避免在使用异步管道时重新加载所有数据

我有这样的数据库结构

我加入他们并通过以下代码获取和列出数据

购物车.ts

购物车.html

现在的问题是,当我按addItem功能增加购物车项目数时,它会刷新里面的所有数据<ion-row>。我只想避免刷新所有日期。它仅刷新该行上的项目价格,而不是所有行。

0 投票
1 回答
914 浏览

firebase - AngularFire5 — Reference.update 失败:第一个参数在属性中包含一个函数

我正在尝试将更改保存到我的 Firebase DB 中的现有节点,但我在这里收到此错误:

Reference.update 失败:第一个参数包含属性“matatu-list.-L-RMcqjnladFM5-V80b.payload.node_.children_.comparator_”中的函数,其内容 = function NAME_COMPARATOR(left, right) { return util_1.nameCompare(left,正确的); }

我想根据其各自的键(从另一个页面通过 传递navParams)来编辑一个项目。

这是我用来构建数据库的接口:

interface.ts

用于更新记录的.tsand.html代码:

.ts

.html

我该如何解决这个问题?如果有人向我指出我哪里出错了,我将不胜感激,还有什么其他方法可以完成这项工作(即使是肮脏的!)。

0 投票
1 回答
207 浏览

angular - 将 Firebase 存储与 AngularFire2 一起使用

我正在转换我的代码以开始使用 AF5 与 Firebase 存储进行交互,但我也在使用firebase.storage.UploadMetadata. 可以使用 AF5 进行更改并避免导入 firebase 库吗?

0 投票
1 回答
498 浏览

javascript - Angular - 返回值未定义

我有以下功能:

当我在 onNgInit 中尝试以下操作时:

它返回未定义。我不确定该怎么做才能将值设置为 true 或 false 以返回 true 或 false。

0 投票
1 回答
1402 浏览

angular - 如何将 Observable 中的字段值与 Angular 4 Firestore 数组相加

我是 Cloud FireStore 的新手,并且一直在寻找很多天都没有结果的简单解决方案,我如何对来自 Observable Angular Firestore 的数组的某些字段值求和。我有一个行列表,我想要总和并获得总列,这是我的代码的一部分:

在我的模板中,我进行浏览:

我想得到 item.importe 字段的总和。有人知道怎么做这个吗?最好的问候, Caribesoft

0 投票
0 回答
952 浏览

angular - 如何从 NgbTypeahead 数组中获取指定值

这是我的 form.html

这是我的组件:

这是我从 firebase 数据库获取咖啡馆的服务:

问题:如何从 typeahead 模型中仅获取键值,请参阅屏幕截图了解我需要获取的内容:

NgbTypehead 模型中的屏幕截图键

我只需要获取键值并推送到数据库并在我的 firebase 数据库中得到这样的结果:

firebase 中的屏幕截图键值

0 投票
2 回答
560 浏览

angular - 这个使用 Angularfire2 从 Firebase 数据库中检索列表的示例究竟是如何工作的?

我不太喜欢 JavaScript\TypeScript,我有一些问题要理解这个示例在 Angular 应用程序中用于从 Firebase 数据库中检索数据的确切工作原理。它工作得很好,但我对它的逻辑有些怀疑(我认为它应该与函数式编程范式有关,我不太喜欢这个话题)。

所以我有这段代码使用Angularfire2库(新的^5.0.0-rc.4版本)来查询我的 Firebase DB:

所以courses$它应该是一个数组Observable(对吗?)。据我所知,这Observable是一个发出可以订阅的事件的对象。它将包含从 Firebase DB 检索到的列表。

此代码部分:

应该简单地将与节点的绑定作为列表创建courses到我的 Firebase 数据库(它本身包含一个节点列表)中。但我不太确定我的解释是否正确,或者我是否遗漏了什么。

然后在这个绑定上调用snapshotChanges()应该返回一个Observable.

在这里,我有以下疑问:

  1. Observable与我正在检索的课程列表中的单个元素有关,还是与从数据库中检索到的整个课程列表有关?(我认为是第二个,但我不太确定)。

  2. snapshotChanges()方法返回的确切类型似乎是Observable<SnapshotAction[]>. 那么究竟是什么意思。SnapshotAction它是一个具有as 类型数组的 Observable 。究竟是什么,究竟是什么意思?

然后有这个map()功能:

在这里我很卡住......我认为它是更实用的部分。我认为每次观察到的东西发生变化时,它都会创建我的输出courses$

阅读文档似乎该map()方法创建了一个新数组(实际上我正在创建一个数组),其结果是对该数组中的每个元素调用提供的函数。

所以这应该意味着这是对数组的每个元素调用的函数:

但是什么数组?我认为它应该是以前的方法Observable<SnapshotAction[]>返回的snapshotChanges()

我绝对不确定这个断言....

所以这个想法是,每次订阅的courses$observable发生变化时,都会map()在新数据上执行该方法......但我认为我错过了很多中间的东西

这究竟是如何工作的?

0 投票
1 回答
533 浏览

angular - 类型“{}[]”不可分配给类型“AngularFireList”'

我是 Angular 和 Firebase 的新手,我正在尝试将节点的所有项目都放到 AgularFireList 中,但出现此错误:

类型“{}[]”不可分配给类型“AngularFireList”。类型“{}[]”中缺少属性“查询”。

我的代码是:

谢谢您的帮助。