我正在尝试使用带有双入口点的angularJS ng-repeat构建一个表。 这是一个例子:
Column A Column B Column C
Object 1 X Y
Object 2 P
Object 3 N
在上表中,"对象1"有两个子对象:X和Y分别属于A列和C列。
我需要能够将行内容与列标题进行匹配。我不确定我需要什么JSON结构或如何正确使用ng-repeat来做到这一点?
答案 0 :(得分:1)
我会考虑第三方库,例如ngTable来处理这样的逻辑。开源社区一般都想到了解决这类问题的绝佳解决方案。
你的例子:
controller.js
angular.module('yourmodule', ["ngTable"])
.controller('exampleController', ($scope, $service, NgTableParams) => {
// Get a JSON object from your backend of choice
$service.getObjects().then(rows => {
$scope.table_data = new NgTableParams({}, {dataset: rows})
})
})
template.html
<div ng-controller="exampleController">
<table ng-table="table_data">
<tr ng-repeat="row in $data">
<td title="ColA"></td>
<td title="ColB"></td>
<td title="ColC"></td>
</tr>
</table>
</div>