I utilized RXJS operators in my code to retrieve an array of locations.
Here is the code snippet:
return O$ = this.db.list(`UserPlaces/${this.authData.auth.auth.currentUser.uid}`, {
query: {
orderByChild: 'deleted',
equalTo: false
}
})
.map((locations: any) => {
return locations.map(location => {
return location.$key;
});
}).switchMap(ids => {
return ids.map(id => {
return this.db.object(`Devices/${id}`)
});
})
.flatMap((x: any) => {
return x;
})
.map((x:any)=>{
if(!x.deleted){
return x;
}
})
.scan((acc:any, item) => [...acc, item],[])
.do(console.log)
The array generated by the code is populated sequentially like so:
[{}] --> [{},{}] --> [{},{},{}] --> [{},{},{},{},...]
My goal is to obtain the complete array directly:
[{},{},{},{},...]
I attempted to use forkJoin but it did not resolve the issue:
return Observable.forJoin(O$) //but doesn't work.
If anyone has a solution to this problem, your help would be greatly appreciated. Thank you.