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

angular - Angular 6 / AngularFire 迁移

我有以下较旧的 Angular 4 代码:

navigation.component.ts文件:

navigation.component.html文件(为简洁起见被截断):

我正在尝试将其转换为 Angular 6 [并做到了这一点]:

navigation.component.ts文件:

navigation.component.html文件(为简洁起见被截断):

这是抛出一个错误:

ERROR 错误:InvalidPipeArgument: '[object Object]' for pipe 'AsyncPipe' at invalidPipeArgumentError (common.js:4238) at AsyncPipe.push../node_modules/@angular/common/fesm5/common.js.AsyncPipe._selectStrategy (common .js:4845) 在 AsyncPipe.push../node_modules/@angular/common/fesm5/common.js.AsyncPipe._subscribe (common.js:4835) 在 AsyncPipe.push../node_modules/@angular/common/fesm5 /common.js.AsyncPipe.transform (common.js:4817) 在 Object.eval [as updateDirectives] (NavigationComponent.html:4) 在 Object.debugUpdateDirectives [as updateDirectives] (core.js:11922) 在 checkAndUpdateView (core. js:11315) 在 callViewAction (core.js:11556) 在 execComponentViewsAction (core.js:11498) 在 checkAndUpdateView (core.js:11321)

切换到新的 AngularFireList 似乎打破了ngFor?我有点困惑为什么?

0 投票
1 回答
174 浏览

angularfire - Returning $key in AngularFire 5

I have the following code that works with AngularFire 5:

But now need to return item.$key which apparently is no longer returned by default in AngularFire 5. I see mention in the migration guide of needing to "map" this, but can't seem to get the right syntax working on the above code.


Update: followed the advice below, and it seemed to have worked but there appears to be some difference still between the behavior between old and new.

The nested *ngFor never seems to fire, whereas before it did. It appears that items in the nested *ngFor is null ?? I found if I create another Observable in my component called childItems and assign duplicate logic to that, it works okay -- but to me that feels dirty and wrong. How can I get the data in the observable to persist long enough to use it in the nested *ngFor ?

0 投票
0 回答
55 浏览

firebase - angularfire从firebase获得恒定值

通过订阅从 firebase 获取值是我们通常遵循的选项,但是假设我在 firebase 数据库中保存了一些常量值,并且我想在调用我的函数时读取该值,如何在没有订阅的情况下获取该值。

问题点 我在提交采购订单时生成一个采购编号,我正在获取保存在 firebase 中的最后一个值,并将该编号增加 +1 以生成新的订单编号。我通过服务使用它,我正在拨打这样的电话:

现在在 PurchaseComponent 我从用户那里获取完整的信息,然后调用上面的服务来获取 lastOrderNumber,如下所示:

现在 getOrderNumberService 返回一个 observable,它是异步的,函数执行是同步的。

任何帮助我如何从数据库中获得恒定值,而不使用可观察或任何其他更好的方法。

注意 为简单起见,语法可能有点错误,我希望实际的问题场景是解释性的。

提前致谢。

0 投票
1 回答
50 浏览

javascript - 从 AngularFire2 5.0.0-rc.8 获取数据不显示

在运行时,我能够从 Chrome 开发人员选项卡网络框架视图中获取数据,但它没有显示在控制台上。显示“Hello”警报,但不显示“Inside”警报,这很奇怪。有什么办法可以解决这个问题?

在 app.module.ts 中:

内部进口:[...

在 schedule.ts

在类 SchedulePage 构造函数内部

ionViewDidLoad 内部

接着

0 投票
1 回答
156 浏览

firebase - angularFire2中的用户身份验证失败

angularFire2 版本--5.0.0-rc.10 firebase 版本--4.13.1

我已经在我的 app.module.ts 中导入了 AngularFireAuthModule 和 AngularFireModule 并在 firebase 控制台中启用了 google 身份验证,但仍然收到一条错误消息,因为这是我收到的错误消息, 请帮助!

0 投票
1 回答
161 浏览

javascript - 从自定义服务订阅下载地址

我正在使用 AngularFireStorage 构建上传图像服务。并且有问题。

没有人能告诉我订阅downloadurl的方法吗?这是我的服务:

这项服务可能会磨损?

0 投票
1 回答
33 浏览

angular - 如何在 HTML ionic 3 中呈现单个可观察数据

我使用 Observable 从 firebase 获取单个对象数据。如何在 HTML 上呈现这些数据?我使用它{{(postObservable2|async)?.subject}} ,但没有呈现任何内容。
我也尝试使用 AngularFireObject,但它一直抛出一个错误,说

firebase 数据快照类型不能分配给 AngularFireObject。


“angularfire2”:“^5.0.0-rc.4”

0 投票
1 回答
33 浏览

angular - 使变量在 AngularFire5 中可用

我正在尝试从 Firestore 获取一些文档数据,我发现这很容易做到。但是,我怎样才能使这些数据可用于其他功能呢?这是我的代码:

我第一次尝试记录名称时,它可以工作。但在 }) 之外,我得到“未定义”,我不能this.myFirstName在此之外的任何地方使用。我错过了什么?

编辑:在我看来,这个问题似乎在于使用 Firestore 数据的异步性质。所以我想我在问是否有一种异步方式来提取这些数据?

0 投票
1 回答
831 浏览

angular - matDatePicker 带有角度云火库和 [(ngModel)]

使用实时数据库,我使用角度材料 matDatePicker 来保存日期新闻。

由于我已继续使用 firestore 集合,因此当我在角度服务中调用保存的日期时,它会将其显示为对象

而且我不能将它与 [(ngModel)] 一起使用。看起来它不再是字符串,因此 matDatepicker matInput 不再识别它。

那么我应该如何将 matDatepicker 值绑定到我的视图的 ngModel 中呢?

模板:

服务:

0 投票
1 回答
2323 浏览

firebase - 从 AngularFirestoreCollection 查询中获取单个 AngularFirestoreDocument

在 Firestore 中,我的文档中有uid一个字段:Vendor

要访问供应商,我使用以下功能:

我想创建一个类似的函数,它也返回一个AngularFirestoreDocument,但该函数需要 auid来获取文档:

似乎我必须查询 AngularFirestoreCollection,但不知道如何从集合中提取文档。