如何缓存firebaselist / object observables,类似于firebase.js?

时间:2017-01-16 00:19:49

标签: firebase firebase-realtime-database ionic2 browser-cache angularfire2

我试图了解有没有一种方法可以让离线响应式APP在客户端使用角度火2可观察量缓存选择性组件。请帮忙。

编辑1:

在下面的网址中,我想提供两件事。

一个有图表+数字,在底部,我有今天的任务。

使用firebase的回调函数更新图表编号11,即使APP离线,它也会保留其值。 (见没有互联网的屏幕)

代码:

var coffeeCountRef = firebase.database().ref('/dailyConsumption' + '/' + firebase.auth().currentUser.uid + '/'+  today );

        coffeeCountRef.on('value', function(snapshot) {

   //code to calculate the number

}

Screen with internet

要获取任务列表,我使用list observable如下:

    this.todaystasks = af.database.list('/userProfile/' + firebase.auth().currentUser.uid + '/tasks',{
    query:{
        orderByChild:'date',
        equalTo  : today
    }
}) as FirebaseListObservable<any>;   

但是当我想在离线模式下看到这个任务列表时,我无法检索列表。似乎列表值没有被缓存。

Screen without internet

即使处于离线状态,我也希望看到此屏幕已加载。

我在firebase.js文档中看到它支持离线功能,而我没有找到如何使用AngularFire 2实现相同功能。

添加我正在使用IONIC 2 RC 1.0 Firebase 3和angularfire 2。

0 个答案:

没有答案