AngularJS：table 列和行上有 ng-repeat

Question

我正在尝试构建一个 table 和 angularJS ng-repeat 的双入口点。这是一个例子：

         Column A   Column B    Column C
Object 1    X                      Y
Object 2               P    
Object 3                           N

在上面的table中，"Object 1"有2个sub-objects：分别属于A列和C列的X和Y。

我需要能够将行内容与列标题相匹配。我不确定我需要什么 JSON 结构或如何正确使用 ng-repeat 来做到这一点？

Answer 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>

AngularJS：table 列和行上有 ng-repeat

AngularJS: table with ng-repeat on columns and rows

javascript

datatables

tabular

angularjs