如何使用Slick.js在Angular＆＃39s-ng-repeat中按n分组元素？

Question

我的元素是光滑div中ng-repeat的结果。现在，我想要的是在旋转木马内将每个div分组两个。

我尝试使用JQuery的切片和包装这个方法，但是如果div不是ng-repeat，它只适用于光滑：

var divs = $(".ebookimg");
for(var i = 0; i < divs.length; i+=2) {
   j = i + 1; 
  divs.slice(i, i+2).wrapAll("<div class='ebookcont'></div>");
}

最初来自此处的代码：http://jsfiddle.net/RQNrt/

该jsfiddle上的div都被提及而不是通过ng-repeat ...也因为每个分区将被包含为1张幻灯片。

通缉输出：

|书1书2 | |第3册第4册| |第5册|

如果元素不等于2，它仍会为多余的元素创建一个div。

以下是我的代码：

查看：

<section id="members_ebook" class="npm">
    <div class="container-fluid npm">
        <div class="row npm">
            <div class="col-sm-12 npm">
                <slick settings="slickConfig">
                    <div class="ebookcont" ng-repeat="ebook in ebooks">
                        <img class="ebookimg" ng-src="{{ ebook.url }}">
                    </div>
                </slick>
            </div>
        </div>
    </div>
</section>

控制器：

.controller('EbookController', function($scope, EbookSample) {
    $scope.imagesURL = '/images/';

    $scope.ebooks = EbookSample.all();

    $scope.slickConfig = {
        enabled: true,
        autoplay: true, 
        infinite: true,
        autoplaySpeed: 1000,
        arrows: false,
        mobileFirst: true
    };
});