使用AngularFire2的Ionic Firebase应用程序

时间:2017-05-17 13:35:11

标签: firebase ionic-framework angularfire2

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

2 个答案:

答案 0 :(得分:0)

使用'async'管道显示角度模板中任何可观察对象的数据。只要数据准备好,它就会填充视图。

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

答案 1 :(得分:0)

执行此操作的唯一方法是在模板中使用“async”,如下所示。

<ion-list>
  <button ion-item class="center" *ngFor="let user of users | async" (click)="showOptions(user.$key, user.Name)">
    {{user.title}}
  </button>
</ion-list>

上面有一个用户类型列表:'FirebaseListObservable',它包含在'angularfire2 / database'中,如下所示:

import { FirebaseListObservable } from 'angularfire2/database';

您可以查看this tutorial,它完全符合您的要求,并且有一个关于说明的实际示例。

我建议您迁移到Ionic 3,使用firebase更容易。