无法显示对象[关闭]答案

【问题标题】：Cannot display Object [closed]无法显示对象[关闭]
【发布时间】：2019-01-25 13:10:15
【问题描述】：

我从 Firebase 获得以下对象。我将此对象保存在一个名为 articleDetails 的变量中。

Console.log(this.articleDetails) 显示检索到的对象如下：

在.ts文件中，这个对象被初始化为：

export class ArticlePage {
public articleDetails = {};
...
}

在同一个 .ts 文件的 HTML 中，我使用：

<p> {{ articleDetails?.bigTitle }} </p>

但是，它不会在屏幕上显示任何内容！

我想知道这个错误是否是因为这个对象有一个键 - 例如对象的键是 3。我在哪里做错了？

【问题讨论】：

【解决方案1】：

您的直觉是正确的，您会得到类似文章列表的内容，因此您需要重点查找。对于此示例数据，这将起作用：

<p> {{ articleDetails['3'].bigTitle }} </p>

通常这是在loop:

<li *ngFor="let item of articleDetails">
    <p> {{ item.bigTitle }} </p>
</li>

【讨论】：