数组中的对象未定义

Question

我从API接收JSON数据。

当我在下面奔跑时...

console.log(this.flexibleContent[1].tabs[0].links);
console.log(this.flexibleContent[1].tabs[0].countries);
console.log(this.flexibleContent[1].tabs[0].links[0].title);
console.log(this.flexibleContent[1].tabs[0].countries[0].link.title);

..我收到了..

如您所见，当我希望第三条日志console.log记录undefined时，您会看到它。但是，它记录的Business contact information很好，这让我感到困惑。

我怀疑问题与我的模型有关，如下所示。

Austria

为什么它成功地记录了export class FlexibleContent { acf_fc_layout: string; video: string; photo: string; cover_text: string; tabs: Tab[]; constructor(obj?: any) { Object.assign(this, obj); } } export class Tab { tab_name: string; header: string; ingress: string; text_area: string; links: Link[]; countries: Country[]; } export class Link { title: string; url: string; target: string; } export class Country { flag: string; link: Link; } 中的链接标题而不是Country中的链接标题？

如果您需要更多信息，请告诉我。

Answer 1

尝试

console.log(this.flexibleContent[1].tabs[0].links[0].link.title);

Answer 2

此行代码尝试访问不存在的属性：

console.log(this.flexibleContent[1].tabs[0].links[0].title);

您的屏幕截图显示了一个link属性：

您想要这个：

console.log(this.flexibleContent[1].tabs[0].links[0].link.title);