在Angular的Firestore中获取地图键值对的数组

Question

我具有类似dB structure的firestore结构。如何使用* ngFor和插值法遍历每个映射中的所有键值对并在模板中输出？

还是应该将所有地图存储在数组中然后访问它？像这个家伙一样Get map data from Cloud Firestore吗？

我是Firestore的新手，帮帮我。这是我用来在家庭收藏的shortDesc文档中获取“ desc：xyz”的代码。 这是一项服务。

shortDesc:Observable<any>;
constructor(private http:HttpClient, private afs:AngularFirestore) {  }

getshortDescription(){
    this.shortDesc = this.afs.collection("home").doc("shortDesc").valueChanges();
    return this.shortDesc;
  }

home.component.ts

  shortDescription:Details;

  constructor(private serv:ServicesService) { }

  ngOnInit(): void {
    this.serv.getshortDescription().subscribe( data => {
      this.shortDescription = data;
    });
  }

details.model.ts

export interface Details{
    desc:string;
}

我该怎么做才能获取每个映射的键值对并在component.html上输出？