错误：找不到类型为“ Productionserver”的其他支持对象“ [object Object]”。 NgFor仅支持绑定到数组等Iterables

Question

this.route.data.subscribe((data:Data)=>{
    this.servers = data['server'];

console.log(this.servers);
  
  });

上面的代码将这样输出到控制台

{id: 1, name: "Productionserver", status: "online"}

如何在视图中显示它。

我这样尝试过，但是没有用

<div *ngFor="let server of servers">
{{server.id}}{{server.name}}{{server.status}}
</div>

Answer 1

关于错误消息，这意味着servers不是数组，因此您无法使用*ngFor对其进行迭代，因为它是一个对象。它不是有关多个服务器的数据，而是有关单个服务器的数据。

您应将措词从“服务器”更改为“服务器”，以避免混淆（如样本data['server]中所述。

然后只使用您之前的模板示例而不使用*ngFor部分：

{{server.id}}{{server.name}}{{server.status}}