Question

编辑：我已根据您们提出的最新更改更新了代码。

我有这个data.json：

[{
"codigo": 21420,
"desc": "itv orion 20 a",
"prod_24_h_kg": 22
}, {
"codigo": 21421,
"desc": "itv orion 20 w",
"prod_24_h_kg": 24
}, {
"codigo": 21430,
"desc": "itv orion 30 a",
"prod_24_h_kg": 31
}, {
"codigo": 21431,
"desc": "itv orion 30 w",
"prod_24_h_kg": 34
}, {
"codigo": 21440,
"desc": "itv orion 40 a",
"prod_24_h_kg": 40
}, {
"codigo": 21441,
"desc": "itv orion 40 w",
"prod_24_h_kg": 42
}, {
"codigo": 21460,
"desc": "itv orion 60 a",
"prod_24_h_kg": 54
}, {
"codigo": 21461,
"desc": "itv orion 60 w",
"prod_24_h_kg": 56
}, {
"codigo": 21480,
"desc": "itv orion 80 a",
"prod_24_h_kg": 77
}, {
"codigo": 21481,
"desc": "itv orion 80 w",
"prod_24_h_kg": 79
 }, {
"codigo": 21490,
"desc": "itv orion 130 a",
"prod_24_h_kg": 130
}]

在app.js中我有这个：

$scope.people = [];
$scope.loadData = function() {
  alert("2");
  $http.get('data.json').then(function(data) {
    alert("succ");
    console.log(data)
    $scope.people = data.maq;
  });
};

此外，这是HTML：

<div>
  <p> Click <a ng-click="loadData()">here</a> to load data.</p>
  <table>
    <tr>
      <th>Id</th>
      <th>First Name</th>
      <th>Last Name</th>
    </tr>
    <tr ng-repeat="person in people">
      <td>{{person.codigo}}</td>
      <td>{{person.desc}}</td>
      <td>{{person.prod_24_h_kg}}</td>
    </tr>
  </table>
</div>

所以，当我点击时我会从函数中获取警报，但数据不会加载;我也没有错误。

我不确定我错过了什么。我认为这是一个跨源问题，但json在同一个域上，我没有得到错误。我正在使用XAMPP运行本地服务器。

Answer 1

INNER JOIN

根据您的上一次打印，您的对象内部有一个数据，因此它应该是：
<table ng-if="people">

Answer 2

您的JSON无效。第101行"codigo": 21441,可能以{开头？验证一些在线json验证器http://jsonlint.com/

JSON不会获取角度

2 个答案: