无法显示对象

Question

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

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

在.ts文件中，此对象初始化为：

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

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

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

但是，它在屏幕上什么都没有显示！

我想知道此错误是否是因为此对象具有键-例如，该对象的键为3。我在哪里犯错了？

Answer 1

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

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

通常，这是在loop中完成的：

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