Firestore Query ничего не возвращает

Question

Я работаю над Angular 7 и Firebase. Где у меня есть два компонента. Оба компонента совершенно разные. Я хочу данные из одного компонента в другой компонент.

Допустим, я хочу получить данные от второго компонента к первому компоненту.

Итак, в первом файле component.ts компонента я предоставил следующий код.

  list: Group[];
  constructor(private groupService : GroupService) { }

  ngOnInit() {
// This line gets the id for the query. and calling the getGroup function from the second component.
    let groupId = this.groupService.getGroupId();
    this.groupService.getGroup(groupId).subscribe(actionArray => {
      this.list = actionArray.map(item => {
        console.log("item :: " + item);
        return {
          id: item.payload.doc.id,
          ...item.payload.doc.data()
        } as Group;
      })
      });
      console.log("List :: " + this.list);
  }

Во втором компоненте я предоставил функцию, подобную приведенной ниже, где я хочу, чтобы данные для конкретного документа id были указаны в параметрах, а функция должна возвращать данные из этого документа.

  getGroup(id: string){
    let tempId = id;
    console.log("getGroup() id in GroupService :: " + tempId);

    return this.firestore.collection('groups', ref => ref.where('id','==', tempId)).snapshotChanges();
    // return this.firestore.collection('groups').doc(tempId).get();
  }

Дайте мне знать, если вам нужно больше разъяснений.