小编Pie*_*ey4的帖子

我正在使用ng-repeat但是我想在每第4个重复元素之后添加一个元素.

重复的div:

<div class="product" ng-repeat="product in productList" ng-init="addFullScreenProduct($index, this)">

然后在我的控制器中:

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

有任何想法吗？