时间戳

首页 > 解决方案 > 无法显示对象

html - 无法显示对象

问题描述

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

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

在此处输入图像描述

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

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

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

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

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

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

标签： htmlangulartypescriptfirebaseobject

解决方案

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

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

通常这是在一个循环中完成的：

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

推荐阅读