I found an answer that helps me, but it is for a previous version of Angular. I'm working with Angular 6 and the code below is very helpful, but it's not compatible with the version I'm using.
Can you rewrite this code for Angular 6?
this.feedCollection = this.afs.collection('col-challange');
this.feedItem = this.feedCollection.snapshotChanges().map(changes => {
return changes.map(a => {
//here you get the data without first name
const data = a.payload.doc.data() as Feed;
//get the signup_id for getting doc from coll-signup
const signupId = data.signup_id;
//get the related document
return afs.collection('coll-signup').doc(signupId).snapshotChanges().take(1).map(actions => {
return actions.payload.data();
}).map(signup => {
//export the data in feeds interface format
return { firstName: signup.firstName, ...data };
});
})
}).flatMap(feeds => Observable.combineLatest(feeds));
Attempt to combine two collections Firebase Firestore, as shown in the example.