创建具有未知标题的表格，具有角度.js

Creating table with unknown headers with angular.js

本文关键字：js 未知 标题 创建 表格      更新时间：2023-09-26

我有一个具有未知属性的.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 中的另一个属性，那么一切都很好。但我不能确保"测量"属性会在那里。(对于我的测试数据，它是。

非常欢迎提出想法和建议。

你不应该以这种方式使用 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>
相关文章：