title: UI Bootstrap Carousel left/right arrows not working
body: <p>I have this carousel using ui.bootstrap for angularJS. It is being put in a  and so far I have it looking right and the carousel indicators dots show up and work correctly letting me select whatever image I want. However, there are two arrows (one on each end letting you go back and forth), that when I click for the first time will work, but after that they don't do anything. Anyone know what is causing this?</p>
  
  <pre><code>&lt;carousel&gt;
    &lt;slide ng-repeat="image in user.Contact.ImageUploads"&gt;
      &lt;img ng-src="{{image}}" class="image" style="height:200px; margin:auto"&gt;
    &lt;/slide&gt;
  &lt;/carousel&gt;
  </code></pre>