AngularJS ng-repeat对象

Question

我觉得这应该是非常简单的事情，但我现在无法理解。

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

现在我想循环通过“故事”的每个对象并显示标题和图像网址等数据。 （见下面的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

它应该是这样的。

＆＃13;

＆＃13;

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');
  })

});

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;