angular - operatory RXJS nie działają z firebase
Używam operatorów RXJS z obserwowalnym Firebase (distinct i filter). Oto moja struktura Firebase. Oto mój kod:
let places this.db.list(`users/${this.authProvider.getUID()}/visitedPlaces`,{
query:{
orderByChild:"googleId"
}
});
places.distinct((p)=>{
console.log(p)
return p.googleId;
}).
subscribe((snap)=>{
console.log(JSON.stringify(snap,null,2))
},(err)=>{
console.log(JSON.stringify(err,null,2))
},()=>{
console.log("completed");
});
Próbuję rozróżnić dane Firebase według googleId. Nie otrzymałem żadnego błędu, ale lista rozróżniona nie działa.
Jakakolwiek pomoc lub powód tego? Dzięki.
Odpowiedź #1
Wygląda na to, że używasz operatora distinct na tablicy zamiast na strumieniu obiektów. Więc p jest tablicą w twoim operatorze distinct, a nie obiektem wewnątrz tablicy, jak się spodziewasz. Możesz to zrobić w czystym js w map w taki sposób:
Rx.Observable.of([
{ id: 1},
{ id: 2},
{ id: 1},
{ id: 3},
{ id: 2}
]).map(x => x.reduce((a, c) => {
if (!a.some(y => y.id === c.id)) {
a.push(c);
}
return a;
}, [])
).subscribe(x => { console.log(x); });<script src="https://cdnjs.cloudflare.com/ajax/libs/rxjs/5.5.6/Rx.js"></script>Albo możesz rozszerzyć tablicę używając flatMap w ten sposób:
Rx.Observable.of([
{ id: 1},
{ id: 2},
{ id: 1},
{ id: 3},
{ id: 2}
])
.flatMap(x => x)
.distinct(x => x.id)
.subscribe(x => { console.log(x); });<script src="https://cdnjs.cloudflare.com/ajax/libs/rxjs/5.5.6/Rx.js"></script>