引用了Firestore如何从另一个收集文档ID获取收集值的方法 [英] Firestore how to get the collection value from another collection document id is referenced
本文介绍了引用了Firestore如何从另一个收集文档ID获取收集值的方法的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有两个消防库集合,带有以下参考图像 . 我想获取名字和 title .这里的 signup_id 是从 coll-signup 文档ID引用的.以下代码是我所做的.
I have two fire store collection with following reference image . I want to get the firstName and title. Here signup_id is referenced from coll-signup document id. Following code given below what i did.
模型feed.ts
export interface Feed {
firstName? : string;
signup_id? : string;
title? : string;
}
新闻feed.component模板
news feed.component template
<ul *ngFor="let feed of feeds">
<!-- <li>{{feed.firstName}}</li> --> // Here I want to print my first name
<li>{{feed.title}}</li>
<li>{{feed.signup_id}}</li>
</ul>
news-feed.component.ts
news-feed.component.ts
import { Component, OnInit } from '@angular/core';
import { Feed } from '../../models/feed';
import { FeedService } from '../../services/feed.service';
@Component({
selector: 'app-news-feed',
templateUrl: './news-feed.component.html',
styleUrls: ['./news-feed.component.css']
})
export class NewsFeedComponent implements OnInit {
feeds : Feed[];
constructor(private feedService: FeedService) { }
ngOnInit() {
this.feedService.sellectAllNews().subscribe(feeds => {
this.feeds = feeds;
})
}
}
feed.service.ts
feed.service.ts
import { AngularFirestore, AngularFirestoreCollection, AngularFirestoreDocument } from 'angularfire2/firestore';
import { Observable } from 'rxjs/Observable';
import { Feed } from '../models/feed';
@Injectable()
export class FeedService {
feedCollection : AngularFirestoreCollection<Feed>;
feedItem : Observable<Feed[]>;
constructor(private afs : AngularFirestore) {
this.collectionInitialization();
}
collectionInitialization() {
// I think here I have to modify or add next collection to will get the output
this.feedCollection = this.afs.collection('col-challange');
this.feedItem = this.feedCollection.stateChanges().map(changes => {
return changes.map(a => {
const data = a.payload.doc.data() as Feed;
return data;
})
})
}
sellectAllNews() {
this.collectionInitialization();
return this.feedItem;
}
}
这有可能做火库吗? 我是消防员的新手.请帮帮我.谢谢!
this is possible to do fire store? I'm newbie in fire store.Please help me. Thanks!
推荐答案
您需要合并两个集合.
尝试此代码
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));
这篇关于引用了Firestore如何从另一个收集文档ID获取收集值的方法的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文