title: How do I make the carousel indicators in angular ui use thumbnails from a model in a controller?
body: <p>I'm using the angular ui bootstrap carousel and I want to make the indicators thumbnails. I have a controller that looks like this (from the demo): </p>
  
  <pre><code>function carouselCtrl($scope) {
    $scope.myInterval = 5000;
    $scope.imgPath="img/slideshow/"
    var slides = $scope.slides = [{
      'imgName':'iguanas.jpg',
      'caption':'Marine iguanas in the Galapagos National Park on Santa Cruz Island, on September 15, 2008.',
      'author':'(Reuters/Guillermo Granja)'
    },{
      'imgName':'eruption.jpg',
      'caption':'In June of 2009, the Cerro Azul volcano on Isabela Island was in an active phase, spewing molten lava into the air, spilling it across its flanks, and widening existing lava flows.',
      'author':'(Reuters/Parque Nacional Galapagos)'
    },{
      'imgName':'bluefoot.jpg',
      'caption':'A close-up of a pair of Booby feet, photographed in March of 2008. ',
      'author':'(CC BY Michael McCullough)'
    }];
  
  }
  </code></pre>
  
  <p>and the template looks like this:</p>
  
  <pre><code>&lt;div ng-mouseenter="pause()" ng-mouseleave="play()" class="carousel"&gt;
      &lt;ul class="carousel-indicators" ng-show="slides().length &gt; 1"&gt;
          &lt;li ng-repeat="slide in slides()" class="slide-thumb" ng-class="{active: isActive(slide)}" ng-click="select(slide)"&gt;&lt;/li&gt;
  
      &lt;/ul&gt;
      &lt;div class="carousel-inner" ng-transclude&gt;&lt;/div&gt;
      &lt;a ng-click="prev()" class="carousel-control left" ng-show="slides().length &gt; 1"&gt;&amp;lsaquo;&lt;/a&gt;
      &lt;a ng-click="next()" class="carousel-control right" ng-show="slides().length &gt; 1"&gt;&amp;rsaquo;&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to do something like this:</p>
  
  <pre><code>&lt;li ng-repeat="slide in slides()" class="slide-thumb" ng-class="{active: isActive(slide)}" ng-click="select(slide)" style="background-image:url({{slide.imgName}});"&gt;&lt;/li&gt;
  </code></pre>
  
  <p>but I must be out of scope or something... Does anyone know any angular carousels that have a thumbnail option or how I can get this to work? </p>