2014-09-10 14 views
15

के साथ कोणीय जेएस एनजी-दोहराना बूटरस्ट्रैप कैरोसेल के साथ काम करने के लिए मैं इस एनजी-दोहराना लूप को प्राप्त करने की कोशिश कर रहा हूं, लेकिन जिस तरह से मैं समझता हूं और वर्तमान में कैरोसेल का उपयोग कर रहा हूं वह यह है कि एक छवि वाला केवल एक div चिह्नित किया जा सकता है 'सक्रिय' वर्ग के साथ, और एक div सक्रिय के साथ चिह्नित किया जाना चाहिए अन्यथा कैरोसेल विफल रहता है। यह भी विफल रहता है अगर एक से अधिक चिह्नित किया गया है। एक और केवल एक div सक्रिय चिह्नित किया जा सकता है। प्रत्येक अन्य div को सिर्फ 'वर्ग = आइटम' चिह्नित किया जाना चाहिए, मैं एनजी-दोहराने के साथ ऐसा कैसे करूं? धन्यवाद।बूटस्ट्रैप कैरोसेल

<div class="carousel" id="slider" style="margin-left: 20px;"> 

    <label class="labelSecurity">Incident Photos</label><br /> 

    <div class="carousel-inner"> 
     <div class="item active" ng-repeat="photo in photoPath"> 
      <img src="{{ photo.path }}" class="img-responsive"> 
     </div> 
    </div> 

    <a class="carousel-control right" href="#slider" data-slide="next"></a> 

</div> 

उत्तर

33

तो बस पहले एक के रूप में सक्रिय है, इस तरह का प्रतीक:

<div class="item" ng-class="{active:!$index}" ng-repeat="photo in photoPath"> 
+0

बहुत बढ़िया है, धन्यवाद! –

+0

@ जोसेप: क्या आप नीचे दिए गए प्रश्न में मेरी सहायता कर सकते हैं: http://stackoverflow.com/questions/31078842/why-multi-item-casrousel-ng-repreat-class-item-active-not-working-angularjs –

+0

मैं कल्पना नहीं कर सका कि यह एक साधारण रेखा के साथ संभव था :( –

संबंधित मुद्दे