Anzeige json in HTML-Tabelle mit Winkel

Question

Ich habe Probleme auf einem Tisch eine json reponse bereitstellen, Das ist mein controller.js

var app = angular.module('angularjs-starter', []); 
app.controller('MainCtrl', function($scope, $http) { 

$scope.choices = [{id: 'choice1'}]; 
$scope.jsonData = {}; 

Dies ist die Funktion in meinem controler.js, wo ich Daten veröffentlichen und meine pHP-Antwort mit meinem Tisch Inhalt

$scope.continue = function(choices) 
{ 
var json = $scope.choices; 

$http.post('php/calculador.php', json) 
.then(function(response) { 

    $scope.jsonData = response; 
    console.log($scope.jsonData); 

}); 


}; 
}); 

ich die jSON-Daten in der Konsole gedruckt werden, dass die Daten korrekt sind, und es ist, aber es zeigt keine Daten in meinem hTML-Tabelle

dies mein HTML-Tabelle ist Wo ich versuche, meine Json

<div ng-app="angularjs-starter" ng-controller="MainCtrl"> 
<table> 
<tr ng-repeat="x in jsonData"> 
<td>{{ x.costo_m }}</td> 
<td>{{ x.desc }}</td> 
<td>{{ x.id }}</td> 
</tr> 

Diese auf der Konsole gedruckt wird

Object 
data:Array[1] 
    0: Array[1] 
     0: Object 
     costo_m: 18.973529411765 
     desc: "BLONG-F25+MOBICTRL" 
     id: "choice1" 
     licencias: 4.3 

Answer 1

Ihre jsonData ist kein Array zu implementieren, es ist ein Objekt, das scheint eine einzige Eigenschaft zu haben data, die dann ein Array von Arrays enthält. Die innere Anordnung scheint jedoch zu sein, was Sie wollen.

So ersetzen Sie einfach $scope.jsonData = response; mit $scope.jsonData = response.data[0];