我正在使用 ng-repeat,但我想在每 4 个重复元素之后添加一个元素。
重复的div:
<div class="product" ng-repeat="product in productList" ng-init="addFullScreenProduct($index, this)">
然后在我的 Controller 中:
$scope.addFullScreenProduct = function(index, event)
{
var currentProduct = "<div id='" + (index/4) + "' class='currentProduct sixteen columns'></div>";
var product = event.srcElement;
currentProduct = $compile(currentProduct)($scope);
product.after(currentProduct);
};
我无法在“product”元素之后添加“currentProduct”元素。
我想要的输出:
<div class="currentProduct">...</div>
<div class="product">...</div>
<div class="product">...</div>
<div class="product">...</div>
<div class="product">...</div>
<div class="currentProduct">...</div>
<div class="product">...</div>
<div class="product">...</div>
<div class="product">...</div>
<div class="product">...</div>
<div class="currentProduct">...</div>
有什么想法吗?
最佳答案
您可以使用 ng-repeat-start
和 ng-repeat-end
,如下所示:
<div ng-repeat-start="product in productList" class="product">
{{ product }}
</div>
<div ng-repeat-end ng-if="$index % 4 == 0" class="currentproduct sixteen columns"></div>
div.product
将重复,div.currentproduct
每四次迭代出现一次。
关于javascript - 在每个 ng-repeat 之后添加元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22872179/