title: Jquery bxslider not working + Angular js ng-repeat issue
body: <p>I'm working on a Angular js project where I get number of terms and i'm using <strong>ng repeat</strong> to show each term in the front end .<strong>it works fine</strong>.I have shown them in a  <a href="http://bxslider.com/examples/carousel-demystified" rel="nofollow noreferrer">bx slider (jquery responsive bxslider)</a>
  <img src="https://i.stack.imgur.com/ImUE8.png" alt="enter image description here"></p>
  
  <p>Following will be the main code.</p>
  
  <p><strong>Javascript code</strong></p>
  
  <pre><code>  &lt;script type="text/javascript"&gt;
      $(document).ready(function(){
        $('.slider4').bxSlider({
          slideWidth: 300,
          minSlides: 2,
          maxSlides: 3,
          moveSlides: 1,
          slideMargin: 10
        });
      });
       &lt;/script&gt;
  </code></pre>
  
  <p><strong>HTML code</strong></p>
  
  <pre><code>&lt;div class="slider4"&gt;
      &lt;div ng-repeat="term in terms" &gt;  {{term.name}}&lt;/div&gt;   
    &lt;/div&gt;
  </code></pre>
  
  <p>I can see all the terms are <strong>loaded nicely</strong> but <strong>when I click arrow keys slider doesn't work</strong>
  .I can't figure out the issue.I'm pretty sure the problem is with <strong>ng-repeat</strong>. Because when i remove ng-repeat and just add some images/divs to the <code>&lt;div class="slider4"&gt;&lt;/div&gt;</code>it works fine.</p>
  
  <p>Can some one help me? Why is this not working? <strong>Is it a draw back in Angular js</strong>?Can't I achieve my goal?</p>