Angular CLI：13.0.4离子-版本=〉6.20.2
嗨！我是一个Ionic / Angular / Firebase的新手。我正在使用Firebase firestore作为我的数据库，我已经创建了集合并填充了数据。要在页面上显示集合中的单个文档，最简单的解决方案是什么？目前我一直在将其写入控制台，无法在HTML上显示它。经过几个小时的搜索，我希望有人能帮助我解决这个问题。
`

import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import {AngularFirestore} from "@angular/fire/compat/firestore";

@Component({
  selector: 'app-first-place',
  templateUrl: './first-place.page.html',
  styleUrls: ['./first-place.page.scss'],
})
export class FirstPlacePage implements OnInit {

  constructor(
    private router: Router,
    private afs: AngularFirestore,
    ) {}

  ngOnInit() {
    this.afs.collection('rentplace').valueChanges()
      .subscribe(value => console.log(value[0]));
  }
}

'从控制台我得到了这个输出：{租赁地址标题：'第二页'，租用位置Href：'secondref'，租用地点水上自行车：44、租赁场所支持：50，租赁场所所有者电子邮件：'xy@gmail.com'，...}
我试过切割数组，但每次当我在HTML中引用它时，我只得到一个结果。