Aplicando angularjs ng-repeat ao carrossel de coruja

<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>

Veja o carrossel aqui:Carrossel de coruja2

Estou enfrentando um problema em que sempre que a diretiva ng-repeat é aplicada ao carrossel, os itens são empilhados verticalmente, em vez de serem dispostos horizontalmente.

Se eu deixar de fora o ng-repeat e usar itens estáticos, ele funcionará como deveria.

Existe uma diretiva que eu possa escrever e aplicar ao carrossel de coruja para manter o layout?

Além disso, o que é o ng-repeat que está causando a quebra do carrossel?

O angular está de alguma forma eliminando as classes de coruja-carrossel aplicadas ao carrossel?

Nota * Se criar a lista manualmente, repita e anexe os elementos usando:

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

em seguida, chame o owl.owlCarousel ({..}). Funciona, não tenho certeza se esse é o melhor trabalho porque o ng-repeat facilita tudo um pouco.

Eu descobri um hack, se eu envolver o init da coruja em um tempo limite, o ng-repat funcionará.

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>

questionAnswers(4)

yourAnswerToTheQuestion