时间戳

首页 > 解决方案 > 以角度 5 迭代 JSON 对象响应

json - 以角度 5 迭代 JSON 对象响应

问题描述

我有一个来自 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));
    })

标签： jsonangular5

解决方案

在您的模板中，您需要一个 ngFor。似乎您的组件中有一个名为的变量，items因此您需要以下内容：

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

推荐阅读