来自Angular中API数据的模板中的未定义错误[重复]

Question

我正在尝试从 API 数据中显示 HTML 模板中的值。我没有定义对象中的所有值。数据显示正确，但在控制台中出现以下错误。

TypeError: 无法读取未定义的属性“名称”

如果我在我的应用程序中使用 API 属性声明对象，它不会显示这些错误。但是，除了在我的应用程序中声明每个对象之外，还有其他方法吗？

例如：

JSON 值返回 {病例：29371419，死亡：931080，康复：21185046}

订阅 API 后，我将其分配给我的本地对象

this.getData().subscribe(res => {
    this.selectedCategory = res;
});

在模板中作为

 <p>{{selectedCategory.cases}}</p>

它给了我价值，但在控制台中显示错误

无法读取未定义的属性“案例”

如何摆脱这个错误？有什么想法吗？

这是一个 stackblitz 演示 https://stackblitz.com/edit/angular-ivy-bhk6pw?file=src/app/app.component.ts

Answer 1

在 api 调用到达之前，您的 selectedCategory 上没有 cases 属性。 您需要将您的模板更改为：

{{selectedCategory?.cases}}

工作Demo