Html 无法显示对象

我从Firebase获得以下对象。我将此对象保存在名为

articleDetails

的变量中

Console.log（this.articleDetails）

显示检索到的对象，如下所示：

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

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

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

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

{{articleDetails？.bigTitle}

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

---

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

你的直觉是正确的，你会得到一个类似于文章列表的东西，所以你需要按键查看。对于此示例数据，这将起作用：

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

{{articleDetails['3'].bigTitle}

通常在以下情况下完成：

{{item.bigtile}}

也许您可以提供有关如何检索文章以及如何使用文章的更多详细信息，以便给出更有用的答案：）

Object.key（）

？

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