Angularjs 更新ng repeat元素后重新生成owl转盘
我将owl旋转木马与ng repeat一起使用,并尝试在更新ng repeat元素时重新初始化旋转木马 我有以下html: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
<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