如何将复杂数组声明为另一个属性Typescript的属性

Question

我对Angular和Typescript相当新，我试图声明一个具有复杂数组作为其属性之一的属性。我的尝试看起来像这样：

groupedItem: {
     customGroupId: string,
     cgName: string,
     category: [{ 
    customGroupItemId: string,
     name: string }]
 };

当我尝试访问该属性时

this.groupedItem.category.name

我得到一个错误，说明

Property 'name' does not exist on type '[{ customGroupItemId: string; name: string; }]'

它看起来就像在那里。我究竟做错了什么？

Answer 1

如果你仔细观察你的对象groupsItem，你会发现该类别实际上是一个数组而不是一个对象，所以你需要以下内容来访问它：

this.groupedItem.category[0].name