类型“{}”不可分配给类型“any[] & Iterable<any>”

Question

嗨，我正在尝试构建一个小的角度应用程序。我调用了一个 API，我在控制台中看到了结果。但是当我尝试迭代 html 中的结果集时，我收到如下错误。

Type '{}' is not assignable to type 'any[] & Iterable<any>'

我在 Componenet 中的代码是

  apiResult={};
  ngOnInit(): void {
  this.auditDetails.getAuditDataDetails().subscribe( (result)=> {
  console.warn(result)// Here i am seeing the result.
  this.apiResult = result
})
}

在 HTML 中，我试图像下面这样迭代结果

<p *ngFor = "let item of apiResult" >
{{item.Name}}
</p>

ApiResult 我看到如下

[{id="123",Name="VKP"},{id="923",Name="RKP"}]

我做错了什么？

Answer 1

API 响应实际上是 Array 的 Objects。您正在尝试将一组对象分配给一个对象。

只需将 apiResult={}; 重新分配给 apiResult=[]; 或 apiResult:any= [];，它就会按预期工作。