嗨，我想深入了解我的项目与 angular 和 firebase，以及我做错了什么？感谢大家的支持

问：

我目前正在使用 angular crud 操作和 fireCloud 服务制作 youtube 视频。我没有cat.data的这种属性，我收到错误：

这是我收到错误的地方：此数据属性不存在。在控制台内部，一切都做得很漂亮。

<tr *ngFor="let cat of categoryArray; let i = index">       
   <td>{{ cat.data }}</td> 
</tr>

在categegory component.ts中，val在控制台内打印得很好，我有数据，我有id，但为什么它在*ngFor中显示错误？

categoryArray: Array<object>;

    ngOnInit(): void {
    this.categoryService.loadData().subscribe((val) => {
    console.log(val);
    this.categoryArray = val;

    });

这是来自 category.servise.ts 的 loadData，我看过一些类似的问题，与我的相比，我无法更改。我已经在数据中尝试了传播运算符，这是一个另一个问题，所以我看不出改变它的理由。

loadData() {
    return this.afs
    .collection('categories')
    .snapshotChanges()
    .pipe(
     map((actions) => {
     return actions.map((a) => {

      const data = a.payload.doc.data();
      const id = a.payload.doc.id;

            
      return { id, data };
      });
      })
     );
  }
```