How to use ng-repeat inside the ui-carousel library?

2

The carousel works, but I'm not able to do ng-repeat within the policy, how could I solve this?

In the controller I have the collection:

$scope.steps = [
    {id:1, text: 'nnoonon 1', current:1, collection:[]},
    {id:2, text: 'nnoonon 2', current:2, collection:[1, 2, 3, 4]},
    {id:3, text: 'nnoonon 3', current:3, collectiom:[]}
];

In view:

<ui-carousel
    slides="steps"
    slides-to-show="1"
    slides-to-scroll="1"
    autoplay="false"
    autoplay-speed="2000"
    dots="false">
    <carousel-item>
        {{item.id}}<br>
        {{item.text}}<br>
         <!-- MOSTRA A COLEÇÃO -->
        {{item.collection}}
         <div ng-show="item.current == 2"> 

           <!-- O NG-REPEAT NÃO FUNCIONA AQUI ??? -->
              <div ng-repeat="c in item.collection">{{c}}</div>
         </div>
     </div>
   </carousel-item>

</ui-carousel>

This is the library that I'm using.

To help, I've done a plunker than I need.

    
asked by anonymous 02.10.2017 / 21:36

0 answers