Angular 如何循环嵌套json响应类型脚本2
下面给出了我从rest端点收到的JSON响应Angular 如何循环嵌套json响应类型脚本2,angular,ngfor,Angular,Ngfor,下面给出了我从rest端点收到的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"], "up
{"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"}}
我想在HTML li中显示如下所示,使用ng表示[Angular 2]
image_2_11_0-51-upgrade.iso somemodel abc.com,abc.com false 2.11.0.51这只是使用ngFor的绑定结构示例: 重要提示:您必须将
图像\u 2\u 11\u 0-51-upgrade.iso
键更改为某个字符串键。因为,这种类型的密钥可能会出错。
你的回答在这里
{
"image_2_11_0-51-upgrade.iso":
{
"model": "newmodel",
"hostnames": [
"my.com"
],
"upload_status": false,
"version": "2.11.0-51"
}
}
将此响应分配给一个变量(ex Variable:ResponseVariable)
- {list}
您试过什么吗?请提供代码。让我试试,你能提供一些示例结果吗
<ul>
<li *ngFor="let list of ResponseVariable.image_2_11_0-51-upgrade.iso.hostnames;let i = index">{{list}}</li>
</ul>