如何将 JSON 对象映射到 ng-repeat 中的折叠行
How to map JSON object to collapsed rows in ng-repeat
我有一个来自数据库的JSON对象作为一个大对象,例如:
$scope.totalsum =
{
"A1": 1155000,
"A2": null,
"A3": 2133,
"A31": 29292,
"A32": 2321,
"A33": 232342,
etc....
},
我需要 A31 和 A32 等来填充折叠的表数据行。这是到目前为止对象的 ng-repeat:
<tr ng-repeat-start="data in totalsum" ng-click="isRowCollapsed=!isRowCollapsed">
<td>
<input class="form-control" placeholder="{{data.total | number:2}}">
</td>
</tr>
<tr ng-repeat-end ng-show="data.breakdown.length>0" ng-hide="isRowCollapsed">
<td ng-show="data.breakdown.length>0">
<div class="subvalues" ng-repeat="subvalues in data.breakdown">
<input class="form-control" placeholder="{{subvalues.subtotal | number:2}}">
</div>
</td>
</tr>
<tr>
<td>
<input class="form-control" placeholder="{{getTotal('total') | number:2}}">
</td>
</tr>
我最初让 ng-repeat 适用于这样的 JSON 对象:
$scope.totalsum = [
{
"total": 1155000,
"breakdown": null
},
{
"total": 233235000,
"breakdown": [
{
"subtotal": 22002020
},
{
"subtotal": 22002020
}
]
},
据
我所知,您可以使用ng-repeat与(键,值)选项来解决此问题:
<tr ng-repeat="(key, value) in totalsum">
<td> {{key}} </td> <td> {{ value }} </td>
</tr>
相关文章:
- ng init中的表达式无法使用ng repeat
- Angular ng repeat order将多个字段作为一个字段
- 访问ng repeat中的第一个项目
- Angular js+ng repeat+字母数字索引不起作用
- 如何正确应用Angularjs ng repeat
- AngularJS Navigation (li ng-repeat, create header li), DOM
- 如何使用ng repeat中的选定输入更新我的对象
- 无法使用ng repeat检索动态创建的JSON对象的属性
- 使用 ng-repeat访问 ng 表单元素/值
- Toggle Switch在包含ng model和ng repeat之后不进行切换
- 如何在ng repeat angular js中使用$index
- 在Angularjs中,我如何使用ng repeat、ng model和ng click来动态更改内容
- ng repeat在ng repeat-过滤器不工作
- 在ng repeat中使用带有orderBy的方法
- Angular JS ng-repeat
- 在ng repeat中使ng disabled为true
- 如何将 JSON 对象映射到 ng-repeat 中的折叠行
- 如何使用angularJS的ng-repeat在循环中显示bootstrap的折叠面板
- Angular自定义的折叠指令在包裹ng-repeat内容时失败
- 如何使用 ng-repeat在 Angular JS 中使行可折叠