0

我使用的是ng-repeat的貓頭鷹旋轉木馬,當ng-repeat元素更新時,我試着重新旋轉旋轉木馬。Reinit貓頭鷹旋轉木馬更新ng重複元素

我有以下的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> 

這些都是指令:

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 

的問題是,類別模型可以改變,我需要重新啓動傳送帶。我嘗試了不同的方法,但都沒有爲我工作。

+0

你解決了這個問題嗎? ...我也一樣。 – Ahmed

回答

0

也許這可能有幫助。我曾在this directive,使它與貓頭鷹傳送帶2.0.0-β-2.4

等待在NG-重複的最後一個項目,然後調用傳送帶init函數以超時

這裏有一個工作plunker

+0

它不適合我 – Ahmed