title: How can we integrate bxslider in to Angularjs app?
body: <p>Iam using bxslider in Angularjs app.But when I use ng-repeat it is not working.Below is the angular code.
  Thanks in Advance.</p>
  
  <pre><code>&lt;ul class="bxslider" ng-repeat="image in vm.listFullProductDetails[0].ProductImage"&gt;
                                              &lt;li&gt;
                                                  &lt;img src="/{{image.ProductimageFilepath}}" /&gt;
  
                                              &lt;/li&gt;
  
                                          &lt;/ul&gt;
  </code></pre>
  
  <p>When I remove ng-repeat and add some images , it works fine.How can i resolve the problem.Below is the code.</p>
  
  <pre><code>&lt;ul class="bxslider"&gt;
                                      &lt;li&gt;
                                          &lt;!--&lt;img ng-src="/{{image.ProductimageFilepath}}" /&gt;--&gt;
                                          &lt;img src="/Images/user4.jpg" /&gt;
                                      &lt;/li&gt;
                                      &lt;li&gt;
                                          &lt;!--&lt;img ng-src="/{{image.ProductimageFilepath}}" /&gt;--&gt;
                                          &lt;img src="/Images/user4.jpg" /&gt;
                                      &lt;/li&gt;
                                      &lt;li&gt;
                                          &lt;!--&lt;img ng-src="/{{image.ProductimageFilepath}}" /&gt;--&gt;
                                          &lt;img src="/Images/user4.jpg" /&gt;
                                      &lt;/li&gt;
                                      &lt;li&gt;
                                          &lt;!--&lt;img ng-src="/{{image.ProductimageFilepath}}" /&gt;--&gt;
                                          &lt;img src="/Images/user4.jpg" /&gt;
                                      &lt;/li&gt;
                                      &lt;li&gt;
                                          &lt;!--&lt;img ng-src="/{{image.ProductimageFilepath}}" /&gt;--&gt;
                                          &lt;img src="/Images/user4.jpg" /&gt;
                                      &lt;/li&gt;
                                      &lt;li&gt;
                                          &lt;!--&lt;img ng-src="/{{image.ProductimageFilepath}}" /&gt;--&gt;
                                          &lt;img src="/Images/user4.jpg" /&gt;
                                      &lt;/li&gt;
                                  &lt;/ul&gt;
  </code></pre>