映射Json文件时清空Tds

时间:2016-11-14 20:34:00

标签: javascript html angularjs json html-table

我使用$http.get()获取了几个不同的JSON文件,然后使用$q.all()调用它们。在做出承诺后,我使用.map()函数将它们组合在一个大数组中。

这是我的表:

<table class="table table-striped">
    <thead>
        <tr>
            <th>Color</th>
            <th>Brand</th>
            <th>Value</th>
        </tr>
    </thead>
    <tbody>
        <tr ng-repeat="data in full">
            <td>{{data.data.color}}</td>
            <td>{{data.data.something.brand}}</td>
            <td>{{data.data.something.value}}</td>
        </tr>
    </tbody>
</table>

我得到了输出,但我的桌子搞砸了。对于前5个表行,我在第一个ng-binding中收到<td>中包含的空数据,而在另外两个<td>中收到数据。最好的是如果你看到图像。

图像:

Color Value Data

现在,我知道这是因为我通过映射文件并将它们放入一个大数组中来构建复杂的JSON结构,但是我可以做些什么来清理这些代码?

主文件 - 大数组在$scope.full的{​​{1}}中定义。请不要让我把控制器的代码......

0 个答案:

没有答案