以角度 5 迭代 JSON 对象响应

Question

我有一个来自 REST 响应的 JSON 对象，它希望循环其项目并显示在 UI 中，这是响应的结构：

 {"Items":
    {"releases":
    [{"last":"365147","first":"365987","relNo":"1","files":[{"fileId":"1","url":"http://....."},{"fileId":"2","url":"http://....."}}],"publish":"Yes"},{"last":"365147","first":"365987","relNo":"2","files":[{"fileId":"1","url":"https://...."},{"fileId":"2","url":"http://....."},{"fileId":"3","url":"...."},{"documentId":"4","url":"http://....."}],"publish":"No"}]}

关于我正在做的服务：

this.myService.getDetails(id).subscribe (data => {  
      this.items = data;
      console.log (JSON.stringify(this.items));
    })

Answer 1

在您的模板中，您需要一个 ngFor。似乎您的组件中有一个名为 items 的变量，所以您需要类似：

<div *ngFor="let item of items">
    {{item.releases}} // or item.whatever field you would like to access
</div>