使用angular.js创建包含未知标头的表

时间:2014-12-18 05:55:07

标签: javascript angularjs

我有一个带有未知属性的.json,想要绘制图形。在我的控制器中,我已经从doubleObjects对象中提取了标题并将它们保存为table_headers。数据如下所示:

$scope.items = {[ 
...,
{doubleObjects: [{...}, {...}, ...]},
...,
]};

这就是我试图输出的内容:

  <table style="width:100%" border="1px solid black">
        <tr>
            <th ng-repeat="y in table_headers">{{y}}</th>
        </tr>
        <tr ng-repeat="x in items.doubleObjects">
            <td ng-repeat="y in table_headers">{{x.y}}</td>
        </tr>

    </table>

所以我希望将整个doubleObjects对象制成表格。它不会让我这样做:

{{x.y}}

如果我这样做:

{{x.measurement}}

或doubleObjects中的另一个属性然后它就好了。但我无法确保&#34;测量&#34;属性将在那里。 (对于我的测试数据,它是。)

欢迎提出意见和建议。

1 个答案:

答案 0 :(得分:0)

你不应该像{{x.y}}那样使用x和y {{x[y]}},或者像jsfiddle中显示的另一种方式一样使用它,这显示了两种可能性。我说了两种可能性,因为我没有真正理解你在寻找什么,我不能评论你的帖子。

<tr ng-repeat="x in items.doubleObjects">
    <td ng-repeat="y in table_headers">{{x.measurement}}.{{y}}</td>
    <td ng-repeat="y in table_headers">{{x[y]}}</td>
</tr>