Following the switchMap operator, we utilized the flatMap operator to access the object observable data
return this.db.list(`UserPlaces/${this.authData.auth.auth.currentUser.uid}`, {
query: {
orderByChild: 'deleted',
equalTo: false
}
})
.map((locations: any) => {
console.log(JSON.stringify(locations,null,2)); // this log is called 0
return locations.map(location => {
return location.$key;
});
}).switchMap(ids => {
return ids.map(id => {
console.log(id) // this log is called 1
return this.db.object(`Devices/${id}`)
});
}).flatMap((x: any) => {
console.log(x); // this log is called 2
return x;
}).map((x:any)=>{
console.log(x);
if(!x.deleted){
return x;
}
})
.do(console.log) // and this log is called 3
Log 0:
[
{
"deleted": false,
"guest": false,
"owner": true
},
{
"deleted": false,
"guest": false,
"owner": true
},
{
"deleted": false,
"guest": false,
"owner": true
},
{
"deleted": false,
"guest": false,
"owner": true
},
{
"deleted": false,
"guest": false,
"owner": true
},
{
"deleted": false,
"guest": false,
"owner": true
},
{
"deleted": false,
"guest": false,
"owner": true
}
]
log 1:
-L8CmrV8BBQCVv_0x_-6
-L8CnDqHz_VWP9dpw-tz
-L8CxQ_bz4EQSPa4STUd
-L8CxSaF1JdHwhn3YyrC
-L8WVlwWj-ghpZsx2PEE
-L8WW5QbxxNMeWonNdSg
-L8XJHI0-ZhPAA9Xy3Sx
log 2:
FirebaseObjectObservable {_isScalar: false, $ref: U, source: FirebaseObjectObservable, operator: ObserveOnOperator}
FirebaseObjectObservable {_isScalar: false, $ref: U, source: FirebaseObjectObservable, operator: ObserveOnOperator}
FirebaseObjectObservable {_isScalar: false, $ref: U, source: FirebaseObjectObservable, operator: ObserveOnOperator}
FirebaseObjectObservable {_isScalar: false, $ref: U, source: FirebaseObjectObservable, operator: ObserveOnOperator}
FirebaseObjectObservable {_isScalar: false, $ref: U, source: FirebaseObjectObservable, operator: ObserveOnOperator}
FirebaseObjectObservable {_isScalar: false, $ref: U, source: FirebaseObjectObservable, operator: ObserveOnOperator}
FirebaseObjectObservable {_isScalar: false, $ref: U, source: FirebaseObjectObservable, operator: ObserveOnOperator}
log 3:
{deleted: false, id: "", name: "new place", owner: "cS81XkHhVHNv0nmpVit0Glpuc1t1", tone: "default", …} {deleted: false, id: "", name: "new one", owner: "cS81XkHhVHNv0nmpVit0Glpuc1t1", tone: "default", …} {deleted: false, id: "", name: "nice", owner: "cS81XkHhVHNv0nmpVit0Glpuc1t1", tone: "default", …} {deleted: false, id: "", name: "new one", owner: "cS81XkHhVHNv0nmpVit0Glpuc1t1", rooms: {...}, …} {deleted: false, id: "", name: "das", owner: "cS81XkHhVHNv0nmpVit0Glpuc1t1", tone: "default", …}
I aim to combine the separate objects from log 3 into an array of objects for display.
This will facilitate presenting an ion-select that iterates through the array to showcase the place names.
Thank you.