title: Use Angular UI Bootstrap to make a Carousel Form
body: <p>Could someone build me an example ui.bootstrap carousel that has a manual button for sliding, and include two <code>div</code>s of content? I cannot seem to figure out how to use carousels from just their <a href="http://angular-ui.github.io/bootstrap/" rel="nofollow">example</a>.</p>
  
  <p>So far all that I have is the following. (<em>showing just the controller and .html for cleanliness</em>)</p>
  
  <p><strong>Controller</strong></p>
  
  <pre><code>app.controller('RegisterController', function ($scope, $http, $location) {
      $scope.cancel = function () {
          $location.path('/');
      };
  
          $scope.myInterval = 5000; // I don't want timed-sliding. Only manual
          var slides = $scope.slides = [];
          $scope.addSlide = function () {
              slides.push({
  
              });
          };
          for (var i = 0; i &lt; 4; i++) {
              $scope.addSlide();
          }
  
  });
  </code></pre>
  
  <p><strong>Registration.html</strong></p>
  
  <pre><code>&lt;div&gt;
      &lt;carousel interval="myInterval"&gt;
          &lt;slide ng-repeat="slide in slides" active="slide.active"&gt;
              &lt;div&gt;{{slide.content}}&lt;/div&gt;
          &lt;/slide&gt;
          &lt;button&gt;Next&lt;/button&gt;
      &lt;/carousel&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>If someone could show me a basic example which includes the two following <code>div</code>s that'd be awesome!</p>
  
  <p><strong>slide 1</strong></p>
  
  <pre><code>&lt;div&gt;
     Name: &lt;input type="text" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>slide 2</strong></p>
  
  <pre><code>&lt;div&gt;
     Password &lt;input type="password" /&gt;
  &lt;/div&gt;
  </code></pre>