title: JQuery Owl-Carousel is not working in angularJS
body: <p>I am currently migrating jQuery-based website template to AngularJS. In the script javascript, I had used $ and jQuery to implement ownCarousel. The script and the front-end HTML works well in normal HTML. But when it comes to AngularJS which I included the script.js in index.html and I copied HTML elements to my view html. The owlCarousel shows nothing, no error at all. Looks like the script.js is stop working. You might want to look the full version of script.js at <a href="http://pastebin.com/NWei4LCe" rel="nofollow noreferrer">here</a>.</p>
  
  <p><strong>Script</strong></p>
  
  <pre><code>if (jQuery("#testimonials-slider").length) {
                  jQuery("#testimonials-slider").owlCarousel({
                      singleItem : true,
                      autoHeight : true,
                      mouseDrag: false,
                      transitionStyle : "fade"
                  });
              }
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code> &lt;div class="col-sm-12" data-animation-direction="from-top" data-animation-delay="50"&gt;
              &lt;h2 class="section-title"&gt;Testimonials&lt;/h2&gt;
  
              &lt;div id="testimonials-slider" class="owl-carousel testimonials"&gt;
                  &lt;div class="item"&gt;
                      &lt;blockquote class="text"&gt;
                          &lt;p&gt;Lorem ipsum dolor sit amet consectetur adipiscing elit. Pellentesque elementum libero enim, eget gravida nunc laoreet et. Nullam ac enim auctor, fringilla risus at, imperdiet turpis.&lt;/p&gt;
                      &lt;/blockquote&gt;
                      &lt;div class="col-md-5 center"&gt;
                          &lt;div class="author"&gt;
                              &lt;img src="http://placehold.it/61x61" alt="" /&gt;
                              &lt;div&gt;
                                  Mark Maecenas&lt;br&gt;
                                  &lt;span&gt;CEO at Lorem Ipsum Agency&lt;/span&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div class="item"&gt;
                      &lt;blockquote class="text"&gt;
                          &lt;p&gt;Pellentesque elementum libero enim, eget gravida nunc laoreet et. Nullam ac enim auctor, fringilla risus at, imperdiet turpis.&lt;/p&gt;
                      &lt;/blockquote&gt;
                      &lt;div class="col-md-5 center"&gt;
                          &lt;div class="author"&gt;
                              &lt;img src="http://placehold.it/61x61" alt="" /&gt;
                              &lt;div&gt;
                                  John Doe&lt;br&gt;
                                  &lt;span&gt;CTO at Dolor Sit Amet Agency&lt;/span&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div class="item"&gt;
                      &lt;blockquote class="text"&gt;
                          &lt;p&gt;Lorem ipsum dolor sit amet consectetur adipiscing elit. Pellentesque elementum libero enim, eget gravida nunc laoreet et. Nullam ac enim auctor, fringilla risus at, imperdiet turpis. Nullam ac enim auctor, fringilla risus at, imperdiet turpis.&lt;/p&gt;
                      &lt;/blockquote&gt;
                      &lt;div class="col-md-5 center"&gt;
                          &lt;div class="author"&gt;
                              &lt;img src="http://placehold.it/61x61" alt="" /&gt;
                              &lt;div&gt;
                                  Mary Smith&lt;br&gt;
                                  &lt;span&gt;UFO at Some Agency&lt;/span&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
         &lt;/div&gt;
  </code></pre>
  
  <p><strong>Expected Result</strong>
  <a href="https://i.stack.imgur.com/WE1oR.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WE1oR.png" alt="enter image description here"></a></p>
  
  <p><strong>Problem</strong></p>
  
  <blockquote>
    <p>OwnCarousel works well in normal HTML but show nothing with no error when it comes to AngularJS.</p>
  </blockquote>
  
  <p><a href="https://i.stack.imgur.com/pur4M.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pur4M.png" alt="enter image description here"></a></p>