如何循环嵌套的json响应打字稿Angular 2

【问题标题】：How to loop over nested json response typescript Angular 2如何循环嵌套的json响应打字稿Angular 2
【发布时间】：2019-01-27 16:36:46
【问题描述】：

在我从其余端点收到的 JSON 响应下方给出。

{"image_2_11_0-51-upgrade.iso": {"model": "somemodel", "hostnames": ["abc.com", "abcd,com"], "upload_status": false, "version": "2.11.0-51"}, "image_2_11_0-51-upgrade.iso":     {"model": "newmodel", "hostnames": ["my.com"], "upload_status": false, "version": "2.11.0-51"}}

我想使用 ng-for [Angular 2] 在 HTML li 中显示如下所示

image_2_11_0-51-upgrade.iso somemodel abc.com,abc.com false 2.11.0.51

【问题讨论】：

你有没有尝试过？请提供代码。
让我试试，你能提供一些样本结果

标签： angular ngfor

【解决方案1】：

这只是一个使用 ngFor 进行绑定的示例结构：

重要提示：您必须将您的 image_2_11_0-51-upgrade.iso 键更改为某个字符串键。因为，这种类型的密钥会出错。

您的回复

{
  "image_2_11_0-51-upgrade.iso": 
  {
    "model": "newmodel",
    "hostnames": [
    "my.com"
    ],
  "upload_status": false,
  "version": "2.11.0-51"
  }
}

将此响应分配给一个变量，（前变量：ResponseVariable）

<ul>
   <li *ngFor="let list of ResponseVariable.image_2_11_0-51-upgrade.iso.hostnames;let i = index">{{list}}</li>
</ul>

【讨论】：