AngularJS 的复杂 JSON 响应

Question

我一直在通过 w3schools 和其他网站慢慢自学 angularjs，我正在尝试下载和解释一些 json。我已经使用非常基本的 json url (http://ip.jsontest.com) 成功完成了此操作，但在更复杂的响应中，我无法破译图层。

谁能帮帮我。我已将代码放入粘贴箱中，因为我的浏览器很难在此处为您正确显示它：/

http://pastebin.com/a2sRxZWc

JSONurl我打这里

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

干杯

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

<!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 响应

Complex JSON response with AngularJS

html

javascript

json

web-services

angularjs