Angularjs 更新ng repeat元素后重新生成owl转盘

Angularjs 更新ng repeat元素后重新生成owl转盘,angularjs,angularjs-directive,angularjs-ng-repeat,owl-carousel,Angularjs,Angularjs Directive,Angularjs Ng Repeat,Owl Carousel,我将owl旋转木马与ng repeat一起使用,并尝试在更新ng repeat元素时重新初始化旋转木马 我有以下html: <div class="row"> <div owl-carousel class="new-carousel-holder"> <div owl-carousel-item ng-repeat="c in categories" class="item"> <a hre

我将owl旋转木马与ng repeat一起使用,并尝试在更新ng repeat元素时重新初始化旋转木马

我有以下html:

<div class="row">       
    <div owl-carousel class="new-carousel-holder">
        <div owl-carousel-item ng-repeat="c in categories" class="item">
            <a href="#" >
                <div class="img-holder">
                    <img ng-src="{{ c.image }}" alt="">
                    <span>{{ c.name | translate }}</span>
                </div>
            </a>
        </div>
    </div>
</div>


问题是类别模型可能会改变,我需要重新设置旋转木马。我尝试了不同的方法,但没有一种对我有效。

也许这会有所帮助。我致力于使其与猫头鹰转盘2.0.0-beta-2.4兼容

它等待ng repeat中的最后一项,然后调用carousel init函数并超时


这是一个可行的

你解决了这个问题吗。。。我也有。
angular.module 'app'
.directive 'owlCarouselItem', () ->
    restrict: 'A'
    transclude: false
    link: (scope, element) ->

        initCarousel = () ->
            if scope.$last
                 scope.initCarousel element.parent()

        initCarousel()
angular.module "app"
.directive "owlCarousel", () ->
    restrict: "A"
    transclude: false
    link: (scope, elem, attr) ->

        scope.initCarousel = (element) ->
            $(element).owlCarousel
                stagePadding: 85
                loop: true
                margin: 22
                nav: true
                responsive:
                    0: items: 4
                    760: items: 7
                    1000: items: 10
                    1200: items: 13