carico JSON per visualizzare i dati, utilizzando ng-repeat {} ANGULAR.JS

Question

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

miei JS:

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

non viene visualizzata la mappa, non so perché? Neanche io ricevo errori nella console.

UPDATE: I MIEI CONTENUTI JSON FILE

[{"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"] 
      } 

    ]} 
] 

CONSOLE 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

Il problema con il vostro codice è che json è la promessa oggetto non i dati restituiti dalla chiamata AJAX. Anche la tua domanda ha l'aspetto di "ritorno dalla richiesta AJAX". Assicurati di aver compreso il problema correlato, controlla la domanda molto popolare this.

modo corretto di impostare i dati di portata recuperati con richiesta AJAX in angolare è di farlo all'interno poi richiamata:

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

Answer 2

Nel caso si json variabile non è altro che contiene promise oggetto.

e promettono dovrebbe sempre essere risolto utilizzando .then

CODICE

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

Ciò aiuterà.

Grazie.