Angular7 и Firestore

Question

Я пытался узнать подробности из магазина. Я надеялся получить имя, URL и категорию изображения. Я получил две вещи (имя и URL). Но категория не была напечатана. В чем проблема?

Это моя галерея component.html

<div *ngIf="imageList?.length > 0;else noItems">
    <ul *ngFor="let item of imageList" class="collection">
      <li class="collection-item" ><strong >{{item.cat}}: </strong> {{item.url}}
        <div class="imageBox">
            <img [src]="item.url" alt ="" class="img-fluid">
            <span class="imageBox-desc">{{item.name}}</span>
        </div>
      </li>
      <button class="button button2"  (click)="downloadim()"><em class="fa fa-download"></em>Download</button>
      </ul>
  </div>
  <ng-template #noItems>
    <hr>
    <h5>There are no items to list</h5>
  </ng-template>
</div>
  <br><br>
<p style="text-align:center">
<button class="button button1"  onclick="location.href='/upload-form'">Upload</button>
<button class="button button3" onclick="location.href='/fileview'">Files</button>
<button class="button button5" onclick="location.href='/videoview'">Videos</button>
</p>

Это моя service.ts

getUploads() {
    return this.cf.collection(`/${this.basePath}`).snapshotChanges();
    }

Это моя галерея component.ts

ngOnInit() {
   this.upSvc.getUploads().subscribe(
    list => {
      this.imageList = list.map(item => {
        return {
          $key: item.payload.doc.id,
          ...item.payload.doc.data()
        } as Upload;
      } );
      this.rowIndexArray = Array.from(Array(Math.ceil(this.imageList.length / 3)).keys());
      console.log(this.imageList);
    }
  );
  }
}