javascript - 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>