使用Angularjs在视图上不显示JSON响应

Question

我在使用Angularjs在网页上显示JSON响应时遇到问题，在DevTools上我可以看到GET请求工作得很好并且可以获取所有数据，但是当它在列表中将其推迟时，我得到的只是点

我的控制器：

 budgetApp.controller('DepensesListCtrl', ['$scope', '$http',
        function DepensesListCtrl($scope, $http) {
            $scope.depenses = [];

            $http.get('http://localhost:3000/api/depenses', {withCredentials: true}).success(function(data) {
                $scope.depenses = data;
            });

使用ng-repeat：

<div >
    <div class="jumbotron text-center">
            <h1>depenses Page</h1>   
    </div>
    <ul ng-repeat="depense in depenses">
        <li>{{depense.depname}}</li>
        <li>{{depense.depcat}} </li>
    </ul>

结果：

响应JSON：

我尝试使用警报进行调试，我发现我的依赖数组总是给出 undefined

Answer 1

您的数据是一个对象，其属性Depense包含您要重复的数组

尝试：

$http.get('http://localhost:3000/api/depenses', {withCredentials: true}).success(function(data) {
       $scope.depenses = data.Depense;
                           // ^^^ property that contains array
});

OR：

<ul ng-repeat="depense in depenses.Depense">