2017-10-21 6 views
0

DevToolsでAngularjsを使用してWebページにJSONレスポンスを表示する際に問題が発生しました.GETリクエストがうまく動作し、すべてのデータを取得できることがわかりましたが、私が持っているすべてのリストにドットがあります。AngularjsでJSONレスポンスが表示されない

マイコントローラ:

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

結果: enter image description here

レスポンスJSON: enter image description herengのリピートを使用して

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

私は警告とデバッグの試してみましたが、私は私のdepenses配列はオールウェイズ与えることを考え出し未定義あなたのデータはあなたが

試しを繰り返したい配列を含むプロパティDepenseを持つオブジェクトがある

答えて

1

$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"> 
0

成功ブロックの "data"をコンソールで確認し、必要な配列を持つキーを確認します。次に、そのdata.keyをあなたの店にバインドします。

+0

使用:$ scope.depenses = data.Depense;最初のオブジェクトの場合はdepense.depcatが未定義になり、2番目のオブジェクトの場合はdepense.depnameが未定義になります。私が間違っているなら、私を訂正してください。 – theSOer

+0

@Justforfunはあなたが投稿した完全なJSONです。 – theSOer

関連する問題