问题标签 [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 - 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?我有点困惑为什么?
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 ?
firebase - angularfire从firebase获得恒定值
通过订阅从 firebase 获取值是我们通常遵循的选项,但是假设我在 firebase 数据库中保存了一些常量值,并且我想在调用我的函数时读取该值,如何在没有订阅的情况下获取该值。
问题点 我在提交采购订单时生成一个采购编号,我正在获取保存在 firebase 中的最后一个值,并将该编号增加 +1 以生成新的订单编号。我通过服务使用它,我正在拨打这样的电话:
现在在 PurchaseComponent 我从用户那里获取完整的信息,然后调用上面的服务来获取 lastOrderNumber,如下所示:
现在 getOrderNumberService 返回一个 observable,它是异步的,函数执行是同步的。
任何帮助我如何从数据库中获得恒定值,而不使用可观察或任何其他更好的方法。
注意 为简单起见,语法可能有点错误,我希望实际的问题场景是解释性的。
提前致谢。
javascript - 从 AngularFire2 5.0.0-rc.8 获取数据不显示
在运行时,我能够从 Chrome 开发人员选项卡网络框架视图中获取数据,但它没有显示在控制台上。显示“Hello”警报,但不显示“Inside”警报,这很奇怪。有什么办法可以解决这个问题?
在 app.module.ts 中:
内部进口:[...
在 schedule.ts
在类 SchedulePage 构造函数内部
ionViewDidLoad 内部
接着
firebase - angularFire2中的用户身份验证失败
angularFire2 版本--5.0.0-rc.10 firebase 版本--4.13.1
我已经在我的 app.module.ts 中导入了 AngularFireAuthModule 和 AngularFireModule 并在 firebase 控制台中启用了 google 身份验证,但仍然收到一条错误消息,因为这是我收到的错误消息, 请帮助!
javascript - 从自定义服务订阅下载地址
我正在使用 AngularFireStorage 构建上传图像服务。并且有问题。
没有人能告诉我订阅downloadurl的方法吗?这是我的服务:
这项服务可能会磨损?
angular - 如何在 HTML ionic 3 中呈现单个可观察数据
我使用 Observable 从 firebase 获取单个对象数据。如何在 HTML 上呈现这些数据?我使用它{{(postObservable2|async)?.subject}}
,但没有呈现任何内容。
我也尝试使用 AngularFireObject,但它一直抛出一个错误,说
firebase 数据快照类型不能分配给 AngularFireObject。
“angularfire2”:“^5.0.0-rc.4”
angular - 使变量在 AngularFire5 中可用
我正在尝试从 Firestore 获取一些文档数据,我发现这很容易做到。但是,我怎样才能使这些数据可用于其他功能呢?这是我的代码:
我第一次尝试记录名称时,它可以工作。但在 }) 之外,我得到“未定义”,我不能this.myFirstName
在此之外的任何地方使用。我错过了什么?
编辑:在我看来,这个问题似乎在于使用 Firestore 数据的异步性质。所以我想我在问是否有一种异步方式来提取这些数据?
angular - matDatePicker 带有角度云火库和 [(ngModel)]
使用实时数据库,我使用角度材料 matDatePicker 来保存日期新闻。
由于我已继续使用 firestore 集合,因此当我在角度服务中调用保存的日期时,它会将其显示为对象
而且我不能将它与 [(ngModel)] 一起使用。看起来它不再是字符串,因此 matDatepicker matInput 不再识别它。
那么我应该如何将 matDatepicker 值绑定到我的视图的 ngModel 中呢?
模板:
服务:
firebase - 从 AngularFirestoreCollection 查询中获取单个 AngularFirestoreDocument
在 Firestore 中,我的文档中有uid
一个字段:Vendor
要访问供应商,我使用以下功能:
我想创建一个类似的函数,它也返回一个AngularFirestoreDocument
,但该函数需要 auid
来获取文档:
似乎我必须查询 AngularFirestoreCollection,但不知道如何从集合中提取文档。