尝试显示来自 api 服务的数据时获取 [object][object]

Question

StackOverflow 上有类似的问题，但与我的不完全一样。

当我在 Inspector 中检查“网络”选项卡时，数据正在从 api 服务中提取。但是，当我尝试将其调用到页面时，我得到 [object][object]。

以下是数据的结构： Object.widget.Value ...我想显示Value。

这是我目前尝试调用它的方式： {{i.widget}}

我也尝试过 json stringify 和“| json”，这些让我“未定义”。

与小部件处于同一级别的所有其他数据都可以正常显示并且格式相同。由于某种原因，我无法提取小部件的值。

感谢您的帮助！

Answer 1

如果这是 API 返回给我们的内容：

{name: "fox"}

在我们的component 中，我们可以得到它：

data: any;

this.service.getData().subscribe((response) => {
   this.data = response.body;
});

在我们的view 中，如果我们输入{{data}}，它将返回[object][object]，你也应该设置一个property 在这种情况下我们有name 等于fox，例如：{{data.name}} ;