Bxslider'ı Angularjs uygulamasına nasıl entegre edebiliriz?

Question

Angularjs uygulamasında bxslider kullanıyorum.Ama ng-yinelemeyi kullandığımda, çalışmaz. Açısal koddur. Önceden teşekkürler.

<ul class="bxslider" ng-repeat="image in vm.listFullProductDetails[0].ProductImage"> 
              <li> 
               <img src="/{{image.ProductimageFilepath}}" /> 

              </li> 

             </ul> 

Ben fine.How i problem.Below kodudur çözebilirsiniz çalışır ng tekrarı kaldırmak ve bazı görüntülerin eklediğinizde.

<ul class="bxslider"> 
            <li> 
             <!--<img ng-src="/{{image.ProductimageFilepath}}" />--> 
             <img src="/Images/user4.jpg" /> 
            </li> 
            <li> 
             <!--<img ng-src="/{{image.ProductimageFilepath}}" />--> 
             <img src="/Images/user4.jpg" /> 
            </li> 
            <li> 
             <!--<img ng-src="/{{image.ProductimageFilepath}}" />--> 
             <img src="/Images/user4.jpg" /> 
            </li> 
            <li> 
             <!--<img ng-src="/{{image.ProductimageFilepath}}" />--> 
             <img src="/Images/user4.jpg" /> 
            </li> 
            <li> 
             <!--<img ng-src="/{{image.ProductimageFilepath}}" />--> 
             <img src="/Images/user4.jpg" /> 
            </li> 
            <li> 
             <!--<img ng-src="/{{image.ProductimageFilepath}}" />--> 
             <img src="/Images/user4.jpg" /> 
            </li> 
           </ul> 

Answer 1

Sorun, ul etiketini yinelemek ve böylelikle class = "bxslider" yinelemek. Bu, her görüntünün bir ul içinde sarılmasına neden olur ve bunları ayrı bir kaydırıcı olarak ele alır.

  <ul class="bxslider"> 
       <li ng-repeat="slide in slides"> 
       <img ng-src="{{slide.src}}" alt="" /> 
       </li> 
       </ul> 

Kontrol Richard Chu tarafından bu çözüm ->