Question

我已经通过w3schools和其他网站慢慢地教自己angularjs，我正在尝试下载和解释一些json。我用一个非常基本的json url（http://ip.jsontest.com）成功完成了这个，但是在一个更复杂的响应中，我无法破译层。

有人可以帮我一把。我已将代码放入粘贴箱中，因为我的浏览器很难在这里为您正确显示：/

http://pastebin.com/a2sRxZWc

JSON url im hitting is here

http://www.bom.gov.au/fwo/IDN60901/IDN60901.95764.json

干杯

编辑：根据反馈和帮助添加代码。为了回答其他问题，我以版权网址为例。其中一个可重复的是＆＃39; air_temp＆＃39;。

<!DOCTYPE html>
<html>

<head>
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
</head>

<body>

<div ng-app="" ng-controller="customersController">

<ul>
  <li ng-repeat="x in names">
    {{ names.observations.copyright_url }}
  </li>
</ul>




</div>

<script>
function customersController($scope,$http) {
  $http.get("http://www.bom.gov.au/fwo/IDN60901/IDN60901.95764.json")
  .success(function(data) {$scope.names = data;});

}
</script>

</body>
</html>

Answer 1

需要更正

ng-repeat标记。

尝试遵循......

<ul>
  <li ng-repeat="x in names.observations.notice">
      {{x.copyright_url}}
  </li>
  <li ng-repeat="x in names.observations.header">
      {{x.product_name}}
  </li>
  <li ng-repeat="x in names.observations.data">
      {{x.name}}
  </li>
</ul>

使用AngularJS进行复杂的JSON响应

1 个答案: