Json 尝试从api服务显示数据时获取[object][object]

在StackOverflow上也有类似的问题，但和我的问题不完全一样

当我检查Inspector中的Network选项卡时，数据正在从api服务中提取。然而，当我试图调用它到页面时，我得到了[object][object]

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

以下是我目前试图称之为： {{i.widget}}

我还尝试了json stringify和“|json”，它们让我觉得“未定义”

与小部件处于同一级别的所有其他数据显示良好，格式相同。由于某些原因，我无法提取小部件的值

---

谢谢你的帮助

如果这是API给我们的回报：

{name: "fox"}

在我们的

组件中

我们可以得到它：

data: any;

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

---

在我们的

视图中

如果我们放置

{{data}}

它将返回

[object][object]

，您也应该设置

属性

，在这种情况下，我们有

名称

，它等于

福克斯

，例如：

{data.name}

为什么响应.body..？如果您在

httpClient

中激活选项并设置

{observe:'events'}

，您将获得

状态

和

body

，这将帮助您找到返回给您的类型，例如：status=200或400或401