ng 重复动态与关键对象 json AngularJS

Question

我有一个小问题，我想使用从我的 JSON 对象收到的值设置一个 ng-repeat 动态，

首先，我用钥匙从我的桌子上做了我的 th

其次，我想以动态方式执行我的 td（不输入键名，例如：obj.NOM、obj.TYPE ...）

我设法用 Object.keys 做一些事情，但逻辑不好，所以我需要一些帮助

这是我的 JSON 对象（我只向您展示我遇到问题的一小段代码）

  "HEADER":[
{"NOM":"API-APP","TYPE":"string","DESCRIPTION":"Code application"},
{"NOM":"API-SIGNATURE","TYPE":"string","DESCRIPTION":"Signature de la requete API"},
{"NOM":"API-TIMESTAMP","TYPE":"integer","DESCRIPTION":"Timestamp en microseconde"}]

这是我的重复

<span><b>HEADER</b></span>
                <br>
                <br>
                <table class="table">

                    <th ng-repeat ="(key, itemHeader) in itemHead.HEADER[0] track by $index">{{key}}</th>
                    <tr  ng-repeat ="(key, itemHeader) in itemHead.HEADER track by $index" >
                        <td>{{getFirstPropertyValue(itemHeader,$index)}}</td>
                    </tr>
                </table>

我解释说我首先用键为 th 做了一个 ng-repeat，我想把我的数据（每行 3 个数据）放在 td 中而不放（.NOM .TYPE .DESCRIPTION）

所以我使用了函数 object.key，它工作得很好，但这让我每行只有一个元素，但我每行需要 3 个元素

这是我的函数 object.key 的作用域

$scope.getFirstPropertyValue = function(obj,index){
        return obj[Object.keys(obj)[index]];
    }

这是我的结果

提前感谢您的帮助

Answer 1

<table class="table">
    <thead>
        <tr>
            <th ng-repeat="(key, itemHeader) in itemHead.HEADER[0]">
                {{key}}
            </th>
        </tr>
    </thead>
    <tbody>
        <tr ng-repeat="row in itemHead.HEADER">
            <td ng-repeat="column in row">
                {{column}}
            </td>
        </tr>
    </tbody>
</table>