使用 AngularFire2 的 Ionic Firebase 应用程序

丹麦克朗

如何将异步模式转换为同步模式?仅仅通过订阅?我正在使用 Firebase API 从 Firebase 获取数据并将它们显示在我的应用程序中,但由于异步模式,显示事件发生在检索数据之前。我正在转向使用 AngularFire,但不确定默认情况下 AngularFire 是否使用异步。我想在我的程序移动到执行下一步之前等待数据。我正在使用 Ionic2,有一个连接到 Firebase 的提供者,获取数据,使用“.then”方法存储在提供者的本地数组中。显示页面注入provider,在显示页面再次本地存储Firebase数组数据,然后使用html中的局部变量(ion-item)进行显示。基本上,我希望数据能够随着任何用户对 Firebase 数据的任何更改而刷新。

BKS

使用 'async' 管道在 angular 模板中显示来自任何 observable 的数据。只要数据准备好,它就会填充视图。

下面的参考应该可以帮助您了解使用 angularfire2 处理 obervable。欢呼:) https://github.com/angular/angularfire2/blob/master/docs/2-retrieving-data-as-objects.md#retrieve-data

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Angularfire和FirebaseListObservable使用ionic 2应用程序没有导出成员angularfire2

我试图让 ionic 2 应用程序的用户删除列表项。使用 Angular 使用 Firebase 构建

IONIC2使用Firebase构建自定义音频流应用程序

在同一个应用程序中拥有 firebase 和 AngularFire2

使用 angularfire2 显示来自 firebase 的数据

使用AngularFire2处理Firebase权限错误

使用AngularFire2将文件上传到Firebase存储

如何使用 angularfire2 更新 firebase 对象的子级

如何使用angularfire2将视频上传到Firebase?

为什么我的Ionic2应用程序始终作为Android应用程序使用?

使用angularfire2无法访问Angular 6应用程序中的多个Google Firestore数据库

使用 AngularFire2 在 Angular 5 应用程序中读取和更新以下格式的 Fire-base 数据

安装Firebase X后无法使用Cordova运行Ionic 4应用程序

如何使用 Angularfire2 在 Ionic 2 中识别方法 subscribe 已执行

是否可以在Ionic 2中以离线模式存储Firebase数据并运行应用程序功能?

Ionic 2 应用程序:在 Firebase 存储中上传相同的图像

无法在iOS上使用ionic2退出应用程序?有没有退出应用程序的方法?

如何在Angular2中使用AngularFire2或Firebase进行多位置“删除”

使用AngularFire2(Angular2 rc.5)访问firebase.storage()

使用 firebase 的应用程序/无应用程序错误

使用 angularFire2 5.0 版将 angular 连接到 Firebase

这个使用Angularfire2从Firebase数据库检索列表的示例如何工作?

更新.snapshotChanges()代码以使用angularfire2 5.0..0 rc-8,firebase 5.0.2

如何使用AngularFire2在Firebase中更新用户?

您可以在 angularfire2 中使用 firebase“可调用函数”吗?

如何使用带有 angularfire2 版本 5 的 firebase 获取数据?

如何使用 AngularFire2 和 Firebase Storage 上传文件数组?

使用angularfire2(v5)和ngrx效果从Firebase获取列表作为数组

如何使用angularfire2检查孩子是否存在于firebase列表中