Angular 错误：找不到不同的支持对象'；[对象对象]'；类型为'；Productionserver'；。NgFor只支持绑定到数组之类的可重用文件

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

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

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

如何在视图中显示

我试着这样做，但不起作用

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

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

关于错误消息，这意味着

服务器

不是一个数组，因此不能使用

*ngFor

对其进行迭代，因为它是一个对象。它不是关于多个服务器的数据，而是关于单个服务器的数据

您应该在服务器之间更改措辞以避免混淆（如示例中所述：

data['server]

）

然后只需使用以前的模板示例，而不使用

*ngFor

部分：

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

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