2017-10-16 64 views
0

我有一个小问题,管理firebase的下载数据到我的离子应用程序。如何管理下载数据在离子2

例如:在正常情况下[如下面的代码],下载数据是正常的[如此图像]

enter image description here

constructor(...){ 
    this.questionsList = this.afd.list('/questions/'); 
} 

但是,如果我使用的“的setInterval” [例如如以下代码]的数据增加,下载[如此图像]

enter image description here

constructor(...){ 
    this.questionsList = this.afd.list('/questions/'); 
    this.favoritesList = this.afd.list('/favorites/',{ 
     query:{ 
      orderByChild:'user_id', 
      equalTo: userService.id, 
     } 
    }) 

    this.joinObjects(); 
    this.refreshIntervalId=setInterval(()=>{ 
     this.joinObjects(); 
    },250); 
} 

joinObjects(){ 
    let TempListX=[]; 
    this.favoritesList.take(1).subscribe(data1=>{ 
     this.questionsList.take(1).subscribe(data2=>{ 
      TempListX = data1.slice(0); 
      for(let i=0; i<data1.length; i++){ 
       for(let j=0; j<data2.length; j++){ 
        if(data1[i].question_id==data2[j].$key){ 
         TempListX[i].qTitle=data2[j].title; 
        } 
       } 
      } 
      if (JSON.stringify(TempListX)===JSON.stringify(this.TempFavoritesList)) { 
      }else{ 
       this.TempFavoritesList=TempListX.slice(); 
      } 
     }) 
    }) 
} 

那么有什么办法可以使下载数据如正常情况下那样?

+0

只是为了确定:你问为什么有更高的网络活动,如果你从Firebase每250ms获取一些东西与你获取一次的比较?! – David

+0

是的..我不喜欢不知道为什么当我使用“订阅”来创建一个新的阵列时,网络的使用增加了。但我不知道如何解决这个问题 –

+1

因为通过订阅firebase ob每当你打电话给你的方法时,你都可以获取数据。 – David

回答

1

这里要求的是你的代码的重构版本。我必须说我没有测试它,但它应该概述这个概念。每当更新的值/列表到达时调用方法joinObjects(),而不是在产生大量开销的固定时间间隔内调用。请注意,我添加了新的实例变量和我改名你可观察到favoritesList$questionsList$(美元后缀是很好的做法,表明它是可观察到的(而不是订阅,值,...)。

public questions; 
public favorites; 

constructor(...) { 
    this.questionsList$ = this.afd.list('/questions/'); 
    this.favoritesList$ = this.afd.list('/favorites/', { 
    query: { 
     orderByChild: 'user_id', 
     equalTo: userService.id, 
    }, 
    }); 

    this.questionsList$.subscribe(updatedList => { 
    this.questions = updatedList; 
    this.joinObjects(); 
    }); 

    this.favoritesList$.subscribe(updatedList => { 
    this.favorites = updatedList; 
    this.joinObjects(); 
    }); 
} 

joinObjects() { 
    let TempListX = []; 
    TempListX = this.questions.slice(0); 
    for (let i = 0; i < this.questions.length; i++) { 
    for (let j = 0; j < this.favorites.length; j++) { 
     if (this.questions[i].question_id == this.favorites[j].$key) { 
     TempListX[i].qTitle = this.favorites[j].title; 
     } 
    } 
    } 
    if (JSON.stringify(TempListX) === JSON.stringify(this.TempFavoritesList)) { 
    } else { 
    this.TempFavoritesList = TempListX.slice(); 
    } 
} 

我希望这能让你更接近你的目标!

+0

谢谢你v.much,现在我明白了这个想法...因为我读了一些教程,但我不明白这点v.well .. –

+0

我很高兴我能帮助你! – David