title: Angular JS carousel not working
body: <p>I am having issues with the following angular carousel <a href="http://blog.revolunet.com/angular-carousel/" rel="nofollow">click here</a> my angular controller doesn't seem to be working which is calling out the images.<a href="http://plnkr.co/edit/3pNnkPOAlSGEzFdeMrZJ?p=preview" rel="nofollow">click here for my source code</a> I have pretty followed the code demonstrated in the demo. However i am not having any joy getting my images to display. Can someone pin-point exactly where i am going wrong? </p>
  
  <pre><code>  &lt;body np-app="myApp" ng-controller='demoController'&gt;
  &lt;div&gt;
      &lt;ul data-rn-carousel rn-carousel-buffered rn-carousel-index="currentSport" class="image"&gt;
          &lt;li ng-repeat="image in sportImages" style="background-image:url({{ image }});"&gt;
              &lt;div class="layer" ng-bind-html-unsafe="image"&gt;&lt;/div&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  
      &lt;button ng-click="currentSport = currentSport - 1" ng-disabled="currentSport == 0"&gt;prev&lt;/button&gt;
      &lt;button ng-click="currentSport = currentSport + 1" ng-disabled="currentSport == sportImages.length - 1"&gt;next&lt;/button&gt;
  
  &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>