obciążenia JSON do wyświetlania danych, używając NG-repeat {angularjs}

Question

Moje HTML:

<div class="graph-display" ng-controller="jsonServerBox"> 
    <div class="bar-chart-box" ng-repeat="module in ocw.modules"> 
     <canvas class="chart chart-bar" data="{{module.data}}" labels="{{module.labels}}" series="{{module.series}}"></canvas> 
    </div> 
</div> 

Kim JS:

app.controller('jsonServerBox', function($scope, $http) { 
    var json = $http.get('serverbox.json').then(function(res){ 
      return res.data; 
     }); 
    $scope.ocw = json;  
    }); 

Wykres nie zostanie wyświetlona, ​​nie wiem czemu? Nie dostaję żadnego błędu w konsoli.

UPDATE: MY JSON pliki zawartości

[{"modules":[ 
      { 
       "series":"SeriesA", 
       "data":["90", "99", "80", "91", "76", "75", "60", "67", "59", "55"], 
       "labels":["01", "02", "03", "04", "05", "06", "07","08","09","10"] 
      }, 

      { 
       "series":"SeriesB", 
       "data":["90", "99", "80", "91", "76", "75", "60", "67", "59", "55"], 
       "labels":["01", "02", "03", "04", "05", "06", "07","08","09","10"] 
      } 

    ]} 
] 

KONSOLA LOG:

modules: Array[2]0: Objectdata: Array[10]0: "90"1: "99"2: "80"3: "91"4: "76"5: "75"6: "60"7: "67"8: "59"9: "55"length: 10__proto__: Array[0]labels: Array[10]0: "01"1: "02"2: "03"3: "04"4: "05"5: "06"6: "07"7: "08"8: "09"9: "10"length: 10__proto__: Array[0]series: "SeriesA"__proto__: Object1: Objectdata: Array[10]0: "90"1: "99"2: "80"3: "91"4: "76"5: "75"6: "60"7: "67"8: "59"9: "55"length: 10__proto__: Array[0]labels: Array[10]0: "01"1: "02"2: "03"3: "04"4: "05"5: "06"6: "07"7: "08"8: "09"9: "10"length: 10__proto__: Array[0]series: "SeriesB" 

Answer 1

Problem z kodem jest json jest obietnica obiekt nie dane zwracane z AJAX rozmowy. Również twoje pytanie ma "aspekt powracający z żądania AJAX". Upewnij się, że rozumiesz powiązany problem, sprawdź bardzo popularne pytanie: this.

właściwy sposób ustawić dane, zakres pobrane z żądania AJAX w kątowego jest to zrobić wewnątrz ówczesnego zwrotnego:

app.controller('jsonServerBox', function ($scope, $http) { 
    $http.get('serverbox.json').then(function (res) { 
     $scope.ocw = res.data; 
    }); 
}); 

Answer 2

W ty przypadek json zmienna ma nic ale zawiera promise obiekt.

obietnica i powinny być zawsze rozwiązać stosując .then

KOD

var json = $http.get('serverbox.json').then(function(res) { 
    return res.data; 
}); 
json.then(
    //success callback 
    function(data) { 
     $scope.ocw = data 
    }, 
    //error callback 
    function() { 
     //error handling 
    }) 
}); 

byłoby to pomóc.

Dzięki.