如何在角2模板中获取json对象的长度
如何在角2模板中获取json对象的长度
提问于 2018-02-09 05:56:53
我有一堆这样的json。
[
{
"variations": {
"title": {
"newValue": "test new value1",
"oldValue": "test old value1"
}
}
},
{
"variations": {
"data": {
"newValue": "new data",
"oldValue": "httpold data"
},
"length": {
"newValue": "48",
"oldValue": "9.00"
}
}
}
]由此，我希望获得Html中变体的长度，以及呈现值和要查看的值。
<table class="table table-bordered table-hover">
<thead class="table-title">
<tr>
<th class="text-center">Field count</th>
<th class="text-center">Field Name</th>
<th class="text-center">Old Value</th>
<th class="text-center">New Value</th>
</tr>
</thead>
<tbody *ngFor="let data of datas">
<tr>
<td class="text-left" rowspan="2">{{data.variations.length}}</td>
<td class="text-left" rowspan="2"></td>
<td class="text-left" rowspan="2"></td>
</tr>
<tr>
</tr>
</tbody>
</table>在上面的代码中，如何获得length of variation数据。还需要向视图呈现和显示所有新字段和旧字段值。有谁能帮帮我吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-02-09 06:12:20
组件端:
objectKeys = Object.keys;模板端:
<tbody *ngFor="let data of datas">
<tr>
<td class="text-left" rowspan="2">{{objectKeys(data.variations).length}}</td>
...
</tr>
...
</tbody>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/48699587
复制相关文章
相似问题
腾讯云开发者
