L'application angularjs ng-repeat pour owl carousel

<div class="owl-carousel">
    <div ng-repeat="items in itemlist"> 
        <a href="series.html"><img ng-src="{{items.imageUrl}}" /></a>
    </div>
    <div> 
      <a href="series.html"><img src="http://placehold.it/350x150" /></a>
    </div>
 </div>

Vue carrousel ici: Owl-carousel2

Je suis en cours d'exécution dans une question, où à chaque fois que le ng-repeat directive est appliquée à carrousel les éléments sont empilés verticalement au lieu d'être mise à l'horizontale.

Si je quitte ng-repeat et l'utilisation des éléments statiques, puis il travaille comme il se doit.

Est-il une directive que je peux les écrire et de les appliquer à owl-carrousel de maintenir la mise en page?

Aussi ce qui est sur le ng-repeat qui est à l'origine du carrousel à la pause?

Angulaire est en quelque sorte le décapage de la chouette-le carrousel de classes appliqué sur le carrousel?

Remarque* Si la liste manuellement, puis parcourir et ajouter les éléments à l'aide de :

var div = document.createElement('div');
var anchor = document.createElement('a');
var img = document.createElement('img');            
.....       
carousel.appendChild(div);

puis appel de la chouette.owlCarousel ({..}), Il fonctionne, ne sais pas si c'est le meilleur travail autour de parce que ng-repeat rend tout plus facile.

J'ai découvert un hack , si j'enveloppe la chouette init dans un délai d'attente puis ng-repat œuvres.

setTimeout(function(){
      ...call owl init now  
},1000);

<link rel="stylesheet" href="css/owl.carousel.css"/>
<link rel="stylesheet" href="css/owl.theme.default.min.css"/>

.....
    <script src="/js/lib/owl.carousel.min.js"></script> 
        <script>
             $(document).ready(function() {
               var owl = $('.owl-carousel');
               owl.owlCarousel({
                 .....
               });
               owl.on('mousewheel', '.owl-stage', function(e) {
                 if (e.deltaY > 0) {
                   owl.trigger('next.owl');
                 } else {
                   owl.trigger('prev.owl');
                 }
                 e.preventDefault();
               });
             })

        </script>
Ce code vous aide à charger le owl carousel? Ce n'est presque certainement un ordre de chargement de problème. j'.e ng-repeat n'a pas de manipuler le DOM avant le owl carousel construit le carrousel.
découvrez le contenu, j'ai ajouté ci-dessus
Comment puis-je contourner ce problème, si c'est réellement le problème?
Dois-je construire ma liste d'appel de la chouette-le carrousel de construire une fois que la liste est remplie?
setTimeout(function(){ ...l'appel de la chouette init maintenant },1000); le truc après la liste est chargé

OriginalL'auteur Fabii | 2015-01-16