ng-repeatのulの条件付きラッパー

Question

私はng-repeatとulのリストがあり、私はulを8個の要素ごとに作成したいが、私は方法を見つけることができない。 ulを条件付きで表示するには$index % 8 == 0を使用する必要がありますが、どうすればよいか分かりません。 これは、これまでの私のコードです：

<div ng-repeat-start="v in values" ng-show="false"/> 
    <ul> 
    <li ng-class="{'active': filterContent.isSelectedValue(key, v) }" ng-click="filterContent.addFilter(key, v)"> 
     <a class="issue-btn btn-default">{{v}}</a> 
    </li> 
    </ul> 
<div ng-repeat-end ng-show="false"/> 

出力結果はこのようなものになるだろう。ここに示されているように

<ul> 
    <li>... content... </li> 
    <li>.... content... </li> 
    <!-- 8 times --> 
</ul> 
<ul> 
    <li>.... more content ... </li> 
    <li>.... more content ... </li> 
    <!-- 8 times --> 
</ul> 
<!-- and so on until repeat ends --> 

Answer 1

あなたは2つのネストされたngRe泥炭のこのような何か：

angular.module('demo', []).controller('DemoController', function($scope) { 
 
    $scope.values = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17]; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.min.js"></script> 
 

 
<div ng-app="demo" ng-controller="DemoController"> 
 
    <ul ng-repeat="v in values" ng-if=":: $index % 8 === 0"> 
 
    <li ng-repeat="v in values.slice($index, $index + 8)" ng-class="{active: filterContent.isSelectedValue(key, v)}" ng-click="filterContent.addFilter(key, v)"> 
 
     <a class="issue-btn btn-default">{{v}}</a> 
 
    </li> 
 
    </ul> 
 
</div>

Answer 2

：How to use ng-repeat with filter and $index?

あなたはNG-IFで簡単にそれを行うことができますLi：

<div ng-repeat-start="v in values" ng-show="false"/> 
    <ul> 
    <li ng-class="{'active': filterContent.isSelectedValue(key, v) }" ng-click="filterContent.addFilter(key, v)" ng-if="$index % 8 == 0"> 
     <a class="issue-btn btn-default">{{v}}</a> 
    </li> 
    </ul> 
<div ng-repeat-end ng-show="false"/>