Question

我需要一些像这样的特殊分组;

<section class="white">
<p>1. row</p>
<p>2. row</p>
</section>
<section class="white">
<p>3.row</p>
<p>4.row</p>
</section>
<section class="white">
<p>5.row</p>
<p>6.row</p>
</section>

我在项目的getNumbers（3）方法中添加了ng-repeat到section标签。和内部部分另一个ng-repeat for row with limitTo和indexTo过滤器，但它不能像我想要的那样工作。

有人帮忙吗？感谢

Answer 1

好的，这段代码有效;

<section class="white" ng-repeat="i in [1,2,3,4]">
    <div class="container-c">
        <div class="col-1-fm" ng-repeat="item in items | startFrom: (i * 3) | limitTo:3">
            <h5>{{item.categoryName}}</h5>
            <div class="img-container" class="crPointer">
                <img ng-src="{{item.image}}" border="0" />
            </div>
            <h2 class="crPointer">{{item.title}}</h2>
            <p class="fcWhite crPointer">
                {{item.description}}
            </p>
            <div class="action">
                <a href="">
                    <i class="fa fa-chevron-right" aria-hidden="true"></i> View
                </a>
            </div>
        </div>
    </div>
</section>

在javascript中;

mbApp.filter('startFrom', function() {
    return function(input, start) {
        if(input) {
            start = +start; //parse to int
            return input.slice(start);
        }
        return [];
    }
});

但似乎有些诡计：）

有更好的解决方案吗？可能与ng-repeat-start＆amp; NG-重复结束？

使用ng-repeat对数据进行分组

1 个答案: