AngularJS ng-repeat嵌套JSON数据

Question

我有一个漫画阅读网站，我试图用AngularJS重建。

这里是JSON数据：

[ 
    { 
    "name": "Bleach", 
    "random": [ 
     { 
      "chapter": "787", 
      "Paths": [ 
       "path/to/1.jpg", 
       "path/to/2.jpg", 
       "path/to/3.jpg" 
      ] 
     }, 
     { 
      "chapter": "788", 
      "Paths": [ 
       "path/to/1.jpg", 
       "path/to/2.jpg", 
       "path/to/3.jpg" 
      ] 
     } 
    ] 
    }, 
    { 
    "name": "Naruto", 
    "random": [ 
     { 
      "chapter": "332", 
      "Paths": [ 
       "path/to/1.jpg", 
       "path/to/2.jpg", 
       "path/to/3.jpg" 
      ] 
     }, 
     { 
      "chapter": "333", 
      "Paths": [ 
       "path/to/1.jpg", 
       "path/to/2.jpg", 
       "path/to/3.jpg" 
      ] 
     } 
    ] 
    } 
] 

欲顺序显示这些图像。 Like this。但是在这个当前的代码中没有显示。

相关oku.html部分：

<img ng-repeat="bilgi in bilgiler.random" ng-src="http://localhost/{{bilgi.paths}}"> 

App.js：

$stateProvider 
.state('oku', { 
url: "/oku/:name/:id", 
views: { 
"viewC": { templateUrl: "oku.html", 
      controller: "nbgCtrl",}, 
}, 
    resolve: { 
    alData : function(NBG, $stateParams, $filter){ 
     return NBG.adlar.then(function(res){ 
      return $filter('filter')(res.data, {chapter: $stateParams.id}, true)[0]; 
     }); 
    } 
    } 
}) 

.controller('nbgCtrl', function($scope, alData, NBG) { 
$scope.images = alData; 
NBG.adlar.success(function(verHemen){ 
    $scope.bilgiler = verHemen; 
}) 
}) 

Answer 1

您需要使用某种形式的包装，为您的重复。例如：

<div ng-repeat="bilgi in bilgiler.random"> 
    <img ng-src="{{bilgi.Paths}}" /> 
</div> 

您还可以使用跨度，李标签等，都可以在这里找到了NG-重复更多的数据：https://docs.angularjs.org/api/ng/directive/ngRepeat