Question

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

首先，我用钥匙

从我的桌子上取得了我的成绩

其次，我想在动态中做我的td（不要输入密钥的名称ex：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>

我解释说我首先使用键进行了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>

使用关键对象json AngularJS重复动态

1 个答案: