javascript - 在 Angular JS 中显示数组

Question

我必须在用 Angular JS 制作的表格上显示 JSON 数组值。当我加载页面时，调用 Web 服务并获取 JSON 数组。直到这里一切都很好，但是，当我想在 View 上显示值时我什么也得不到。我按照以前的做法做了，但不知道为什么它不起作用。

有 Controller :

assets.controller('DetallTipusCtrl', function ($scope, $http, $routeParams){
                $http.get('http://10.0.203.73/WS/ws.php/tipusactius/getDetails/'+$routeParams.param).success(function(data) {
                    $scope.atrb = data;
                });
                $scope.param = $routeParams.param;    
            });

以及 View :

<table class="table" ng-controller="DetallTipusCtrl">
                    <tr>
                        <th>#</th>
                        <th><a href="">Atribut</a></th>
                        <th><a href="">Mida</a></th>
                        <th><a href="">Tipus</a></th>
                    </tr>
                    <tr ng-repeat="atribut in atrb | orderBy:sortField:reverse">
                        <td></td>
                        <td>{{atribut.nomAtribut}}</td>
                        <td>{{atribut.midaAtribut}}</td>
                        <td>{{atribut.valor}}</td>
                    </tr>
                </table> 

JSON 数组构造得很好，但我什么也看不到，我不知道为什么，如果有人可以提供帮助..谢谢!

编辑:JSON:

{"nomAtribut":"fgdsgsfd","midaAtribut":"16","valor":"String","tipus_actius_idtipus_actius":"26","nom":"yiuhdfiau837629875wf"}

已解决:

JSON 数组是一个 JSON 对象，这就是我迭代并显示属性的方式:

<tr ng-repeat="(key, value) in atrb">
    <td>{{value.propertie}}</td>
</tr>

Answer 1

您的响应不是一个数组，而是一个对象。您可以像这样迭代对象属性:

<tr ng-repeat="(key, value) in atrb">
    <td>{{value}}</td>
</tr>

如果您需要有条件地显示属性，您可以检查 key 。