从JSON数据显示在AngularJS

Question

我觉得我缺少明显的东西在这里，但我不能JSON数据呈现到页面中，唯一能出把JSON格式的数据，而不仅仅是特定键（例如，名字：Abbey Malt）。

这是我的控制器：

app.controller('beerController', function($scope, $http, $modal) { 
$http.get("http://api.brewerydb.com/v2/fermentables", { 
    params: { 
     key: 'xxx' 
    } 
    }) 
    .then(function(response) { 
    $scope.response = response.data.name; 
    console.log(response); 
    }); 
}; 

和HTML：

<div ng-controller="beerController"> 
    <div class="container"> 
     <h3>Latest Releases ({{currentPage}} pages)</h3> 
     <div class="row"> 
     <div ng-repeat="items in response"> 
      <li>{{data.name}}</li> 
     </div> 
     </div> 
    </div> 
</div> 

最后，这里是控制台的屏幕截图和JSON对象是如何构成的：

Answer 1

尝试更改您的代码

app.controller('beerController', function($scope, $http, $modal) { 
    $http.get("http://api.brewerydb.com/v2/fermentables", { 
     params: { 
      key: 'xxx' 
     } 
     }) 
     .then(function(response) { 
     $scope.response = response.data.data; 
     console.log(response); 
     }); 
    }; 

，并查看

<div> 
    <div ng-controller="beerController"> 
    <div class="container"> 
     <h3>Latest Releases ({{currentPage}} pages)</h3> 
     <div class="row"> 
     <div ng-repeat="item in response"> 
      <li>{{item.name}}</li> 
     </div> 
     </div> 
    </div> 
</div> 

Answer 2

放上控制器：

$scope.items = response.data.data; 

和HTML会是这样

<div ng-repeat="item in items"> 
    <li>{{item.name}}</li> 
</div>