javascript - 使用 angular.js 创建具有未知标题的表

Question

我有一个具有未知属性的 .json 文件，想要将它们绘制成图表。在我的 Controller 中，我已经从 doubleObjects 对象中提取了 header 并将其保存为 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 中的另一个属性那么一切都很好。但我不能确保“测量”属性会在那里。 (对于我的测试数据来说是这样。)

欢迎提出想法和建议。

Answer 1

您不应该以这种方式使用 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>