Question

好的，所以我正在尝试组织我从外部API检索的数据，我不知道如何去做。我可以通过{{data}}获取整个JSON数据，但是如何获取数据中的属性呢？到目前为止我所拥有的是：

var tanApp = angular.module('tanApp')
.controller('MainCtrl', ['$scope', '$http', function ($scope, $http) {
$scope.awesomeThings = [
  'HTML5 Boilerplate',
  'AngularJS',
  'Karma'
];
$scope.data = 'unknown';
    $http.get('http://iaspub.epa.gov/enviro/efservice/getEnvirofactsUVHOURLY/ZIP/33126/JSON%27?callback=callBackFn').success(function(data){
        $scope.data = data;
});
    tanApp.config(['$httpProvider', function($httpProvider) {
    $httpProvider.defaults.useXDomain = true;
    delete $httpProvider.defaults.headers.common['X-Requested-With'];
    }]);

并在我的HTML中：

{{data}}

Answer 1

要在HTML页面中显示数据的属性，您只需

{{data.yourPropertyName}}

利用two way binding和ngRepeat也可能会派上用场显示您的数据。

Answer 2

在JSON之后和之前你有一个额外的角色？在您的网址中。摆脱它，它会给你正确的json而不是（默认的？）XML。

如何在Angular.js中组织外部JSON数据？

2 个答案: