Question

我在桌面上部署json响应时遇到问题，这是我的controller.js

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

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

这是我的controler.js中的函数，我用我的表格内容发布数据和我的php响应

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

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

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

});


};
});

我在控制台中打印了json数据，以确保数据是正确的，但是它确实没有在我的html表格中显示任何数据

这是我的HTML表格在哪里我试图部署我的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>

这是在控制台上打印的

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

Answer 1

你的jsonData不是数组，它是一个似乎只有一个属性data的对象，它包含一个数组数组。不过，内部数组似乎是你想要的。

因此，只需将$scope.jsonData = response;替换为$scope.jsonData = response.data[0];

即可

用角度将json显示到html表中

1 个答案: