如何访问Angularjs中json对象中的数据

Question

我正在尝试使用angular访问json对象中的数据，但我现在发现这很困难，希望你能在这里帮助我。

所以我在我的控制器中有这样的功能：

var vm = this;
vm.getData = getData;
vm.data = [];


 function getData() {
        var promise = appService.getAll(vm.query);
        promise.then(function(response) {
            vm.data = response.data,
                    console.log(vm.data);
            },
            function(error) {
                $log.error("an error here", error);
            });


    }

我的观点是这样的：

<div> 


<table class="table">
        <tr >
            <th> Department</th>


        </tr >
        <tr ng-repeat="n in vm.data">
            <td>{{n.sectionName}} </td>
        </tr>


    </table>


</div>

一切正常..我根据需要检索我的json对象..但它只是访问它们是我遇到的问题，因为在我看来上面的上下文没有被解雇.. 所以在我上面的例子中，我试图用＆＃34; sectionName＆＃34;的heaser来访问json。并在我看来显示它。

这是我控制台中json对象的视觉效果......

感谢您的时间

Answer 1

如果results是您需要显示的数据，那么您应该将标记调整为：

<tr ng-repeat="n in vm.data.results">
    <td>{{n.sectionName}} </td>
</tr>

Answer 2

您正在循环对象本身。相反，您必须遍历对象内的结果数组。

<div> 


<table class="table">
        <tr >
            <th> Department</th>


        </tr >
        <tr ng-repeat="n in vm.data.results">
            <td>{{n.sectionName}} </td>
        </tr>


    </table>


</div>