Question

我目前有一个显示数据的表：

我有一个服务从SQL服务器获取数据并将其编码为json。我的问题是json的结构如下：

count_reqs应该放在相应的列中。例如，第一行数据应如下显示：

http://snag.gy/tB0ji.jpg <--- cant post more links sorry

如何做到这一点？

这是我的表格代码：

<table class='table'>
            <thead>
                <tr>
                    <th>Tower</th>
                    <th>Job Level</th>
                    <th ng-repeat='data in dataset.headers'>{{ data }}</th>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat='tower in dataset.dataByTower' ng-init='current = 0'>
                    <td rowspan='{{ tower.entries.length }}'>{{ tower.tower_name }}</td>
                    <td>{{ tower.job_level }}</td>
                </tr>
            </tbody>
        </table>

Answer 1

试试这个

<table class='table'>
        <thead>
            <tr>
                <th>Tower</th>
                <th>Job Level</th>
                <th ng-repeat='data in dataset.headers'>{{ data }}</th>
            </tr>
        </thead>
        <tbody>
            <tr ng-repeat='tower in dataset.dataByTower' ng-init='current = 0'>
                <td rowspan='{{ tower.entries.length }}'>{{ tower.tower_name }}</td>
                <td>{{ tower.job_level }}</td>
                <td ng-repeat='data in dataset.headers'><span ng-if="data ==tower.year_month">{{ tower.count_reqs}}</span></td>
            </tr>
        </tbody>
    </table>

P.S。我没有对此进行测试，因为您没有提供 jsFiddle 或您dataset.headers和dataset.dataByTower的数据。

以不同格式显示表获取的JSON值

1 个答案: