我想显示出勤收集的数据，如何显示？

Question

用户集合具有另一个出勤集合。我想显示出勤收集的数据。我将如何显示该数据？我正在使用Angular7

        this.afs.collection('users')
            .doc(this.userId)
            .collection('attendance')
            .get()
            .subscribe(function(querySnapshot) {
                  querySnapshot.forEach((doc)=> {
                     console.log(doc.id, " => ", doc.data()); 
                     attendance= doc.data()
                     console.log(attendance);
          });
      });

此代码段用于获取所有数据，并且也在控制台上显示。

      <div class="row" *ngIf="(user$ | async) as user">
                <div class="col-md-12">
                    <div class="media">
                        <div class="media-body">
                            <p>User Name: <strong>{{user.name}}        </strong></p>
                            <p>Date : <strong>{{todayNumber | date}}</strong></p>
                            <p>Punch In Time: <strong>{{punchIn | date:'mediumTime'}}</strong></p>
                            <p>Punch Out Time: <strong>{{punchOut | date:'mediumTime'}}</strong></p>
                        </div>
                    </div>
                </div>
            </div>

此代码显示用户名和日期。