AngularJS ng-repeat对象

Question

我觉得这应该很简单，但是我暂时无法解决。

我正在通过构建一个简单的播客应用程序来学习AngularJS。 到目前为止，我已经设法将XML文件从url转换为JSON对象。

现在，我想遍历“故事”的每个对象并显示诸如标题和图像url之类的数据。 （请参见下面的img）

 starter.controller('fox', function($scope, $http){ $http.get('http://api.npr.org/query?id=57&apiKey=i've removed the key) .success(function(data, status, headers, config){ var x2js = new X2JS(); var jsonOutput = x2js.xml_str2json(data); console.log(jsonOutput); $scope.title = jsonOutput.nprml.list.story[0]['title']; }) .error(function(data, status, headers, config){ alert('There is a problem'); }) }); 

 <div class="list" ng-repeat=" ? "> {{title}} </div> 

下面的代码仅呈现我手动设置的第一个对象-story [0] ['title']，但我不确定会循环遍历该列表。

在jQuery中，我通常会为每个循环执行并将结果附加到div中。

Answer 1

应该是这样的。

 starter.controller('fox', function($scope, $http){ $http.get('http://api.npr.org/query?id=57&apiKey=i've removed the key) .success(function(data, status, headers, config){ var x2js = new X2JS(); var jsonOutput = x2js.xml_str2json(data); console.log(jsonOutput); $scope.stories = jsonOutput.nprml.list.story; }) .error(function(data, status, headers, config){ alert('There is a problem'); }) }); 

 <div class="list" ng-repeat="story in stories"> {{story.title}} {{story.link}} </div>