La réponse JSON ne s'affiche pas sur la vue avec Angularjs

Question

Je rencontre un problème lors de l'affichage d'une réponse JSON sur une page web en utilisant Angularjs, sur DevTools je peux voir que la requête GET fonctionne bien et peut saisir toutes les données, mais quand il s'agit sur une liste tout ce que j'ai obtenu est des points.

Mon contrôleur:

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; 
      }); 

utilisant 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> 

Résultat:

Réponse JSON:

J'ai essayé debug avec des alertes, je me suis dit que mon tableau de depenses AllWays donner non défini

Answer 1

Vos données est un objet qui a une propriété Depense qui contient le tableau que vous voulez répéter

Essayez:

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

OU:

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

Answer 2

console "données" du bloc de réussite et vérifiez quelle clé possède le tableau dont vous avez besoin. Puis lier cette data.key à vos dépendances.