在ng-repeat内部进行Angular.js ng-repeat

时间:2014-08-23 23:16:21

标签: javascript angularjs

我正在尝试重复一系列对象和一组图像。我希望每个对象都能重复每个图像。我的问题是如果我将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>

1 个答案:

答案 0 :(得分:1)

这是因为你的第二个循环在父循环之外,你也可能想要使用父循环中每个imgs对象的feed字段,所以你可能需要像{{1 }}

总而言之,你正在寻找类似这种结构的东西

ng-repeat="img in feed.imgs"