AngularJS Multi-Objekt Karussell

Question

Ich benutze UI Bootstrap Karussell, aber es zeigt nur eine Folie - http://plnkr.co/edit/Pt56PpQ9fjw6Q0nNF9sU?p=preview.
Wie werden Bilder auf diese Weise angezeigt?

img1 - img2 - img3 
then 
img2 - img3 - img4 
then 
img3 -img4 - img5 
then 
img4 - img5 - img6 
then 
img5 - img6 - img1 

(wie in diesem Karussell http://coolcarousels.frebsite.nl/c/58/)

Answer 1

Sie den $ Index innerhalb der ng-repeat zusätzlicher Bilder, um die nächsten zwei Bilder erstellen können und hinzufügen.

http://plnkr.co/edit/oVRYCfaMeRW5a54nzmem?p=preview

<carousel interval="myInterval"> 
    <slide ng-repeat="slide in slides" active="slide.active"> 
    <div class="" style="width:600px;margin:auto;"> 
    <div > 
    <img ng-src="{{slide.image}}" width="200px" style="float:left;"> 
    </div> 
    <div > 
    <img ng-src="{{slides[getSecondIndex($index+1)].image}}" width="200px" style="float:left;" > 
    </div> 
    <div > 
    <img ng-src="{{slides[getSecondIndex($index+2)].image}}" width="200px" style="float:left;" > 
    </div> 
    </div> 
    </slide> 
</carousel> 

-Code der rotierenden Bilder

$scope.getSecondIndex = function(index) 
    { 
    if(index-slides.length>=0) 
     return index-slides.length; 
    else 
     return index; 
    } 

Answer 2

I ng-repeat bin mit zu bekommen und zu Bild konvertiert, ist hier mein Code, aber die Umwandlung nicht

<carousel interval="myInterval"> 
    <slide ng-repeat="rc in RequirementConsultanctDetails" active="slide.active"> 

     <div class="" style="width:600px;margin:auto;" ng-show="rc.photo!=null"> 
      <div> 
       <img ng-src="data:image/jpeg;base64,{{rc.photo}}" width="200px" style="float:left;">    
      </div> 
      <div>     
       <img ng-src="{{RequirementConsultanctDetails[getSecondIndex($index+1)].photo}}" width="200px" style="float:left;">     
      </div> 
      <div>     
       <img ng-src="{{RequirementConsultanctDetails[getSecondIndex($index+2)].photo}}" width="200px" style="float:left;">     
      </div> 
     </div> 
    </slide> 
</carousel>