[英]Add element after every ng-repeat
我正在使用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>
有任何想法嗎?
您可以使用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
存在於每第四次迭代。
您可以使用過濾器來顯示每個第4個元素..像這樣:
<div class="product" ng-repeat="product in productList" ng-show="$index % 4 == 0"></div>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.