无法显示来自 Contentful (Angular) 的参考（许多）内容类型的标题答案

【问题标题】：Can't show title of reference (many) content type from Contentful (Angular)无法显示来自 Contentful (Angular) 的参考（许多）内容类型的标题
【发布时间】：2020-12-03 18:12:32
【问题描述】：

嘿，我有包含两个字段的 content_type 类别 - 标题和子类别。子类别是带有许多选项的参考，但是当我尝试显示所有子类别时，我在控制台中出现错误“无法读取未定义的属性‘标题’”。我不知道为什么。

在我的内容 API 服务中，我有：

getCategory(query?: object): Promise<EntryCollection<Category>> {
return this.clientApi.getEntries<Category>(
  Object.assign({}, query, { content_type: 'categories', include: 2})
);

}

之后在我的 component.ts 文件中我有：

export class Component implements OnInit {

  categories: Array<Entry<Category>>;

  constructor(private contentfulApiService: ContentfulApiService) { }

  ngOnInit(): void {

    this.contentfulApiService
      .getCategory()
      .then((categories) => (this.categories = categories.items));
  }
}

在我的 component.html 中：

  <ul>
    <li *ngFor="let category of categories">
      {{ category.fields.subCategories.fields.title }}
    </li>
  </ul>

如果我将引用从 Contentful 切换到单曲，一切正常。但我需要很多，所以我可以分配许多子类别并全部展示。

请帮帮我。

【问题讨论】：

标签： angular typescript reference one-to-many contentful

【解决方案1】：

无法读取未定义的属性“标题”

表示您正在尝试访问未定义对象的title 属性。看你的代码只能是这一行。

{{ category.fields.subCategories.fields.title }}

我假设subCategories 是一个集合，因此是一个array。 array 不会有 fields 属性（未定义）。这就是无法访问title 的原因——因为它是undefined。

如果确实如此，并且它确实是一个集合，您可能希望再次遍历所有 subCategories 以访问每个子类别的字段和标题。

【讨论】：