Angular.js ng-repeat内的ng-repeat

Question

我正在尝试重复一个对象数组和一个图像数组。我希望每一个图像重复与每个对象。我的问题是，如果我将ng-repeat嵌套在另一个ng-repeat中，它每次都会重复所有图像。我的代码如下。我希望这是有意义的。谢谢。

            <div class="feed-content">
            <div ng-repeat="feed in feeds | filter:filterText" class="article animate-repeat">
                <h3>{{feed.title}}</h3>
                {{feed.content | limitTo:100}}<br/><span class="read-more"><a href="#">Read More</a></span>
            </div>
            <div ng-repeat="img in imgs" class="article-image" style="background-image: url('{{img}}');"></div>
            </div>

Answer 1

这是因为您的第二个循环在父循环之外，而且您可能希望在父循环中使用每个feed对象的imgs字段，因此您可能需要类似于ng-repeat="img in feed.imgs"的字段

总而言之，你正在寻找类似于这个结构的东西

<div ng-repeat="feed in feeds">
  <h3>{{feed.title}}</h3>...
  <div ng-repeat="img in feed.imgs">...</div>            
</div>