title: Carousel bootstrap with angular js
body: <p>I need to use carousel from bootstrap with two predefined templates. I need the carousel to show brand tab when I press button on the right, and when I press button on left to slide back to time temlate. Can anyone help me how to use angular carousel in my case. Here is my HTML</p>
  
  <pre><code>&lt;div id="carousel-example-generic" class="carousel slide" data-ride="carousel"&gt;
    &lt;div class="carousel-inner" role="listbox"&gt;
       &lt;div class="item active"&gt;
           &lt;div class="col-xs-6"&gt;
               &lt;div class="container row"&gt;
                   &lt;label class="form-group lable-margin"&gt;Date&lt;/lable&gt;
               &lt;/div&gt;
              &lt;div class="container row"&gt;
                 &lt;label class="form-group"&gt;From: &lt;/label&gt; [[stuff.filtersAll.START_DATE]]
              &lt;/div&gt;
           &lt;div class="container row"&gt;
                &lt;label class="form-group"&gt;To: &lt;/label&gt; [[stuff.filtersAll.END_DATE]]
           &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="col-xs-6"&gt;
             &lt;div class="container row"&gt;
                 &lt;label class="form-group lable-margin"&gt;Time&lt;/label&gt;
             &lt;/div&gt;
             &lt;div class="container row"&gt;
                 &lt;label class="form-group"&gt;From: &lt;/label&gt; [[stuff.filtersAll.TIME_FROM]]
             &lt;/div&gt;
          &lt;div class="container row"&gt;
                &lt;label class="form-group"&gt;To: &lt;/label&gt; [[stuff.filtersAll.TIME_TO]]
          &lt;/div&gt;
      &lt;/div&gt;
   &lt;/div&gt;
      &lt;div class="item"&gt;
             &lt;ul class="list-group" ng-repeat="brads in stuff.filtersAll.BRAND"&gt;
                &lt;li class="list-group-item"&gt;[[brand.NAME]]&lt;/li&gt;
             &lt;/ul&gt;
         &lt;/div&gt;
     &lt;/div&gt;
  </code></pre>
  
  <p>
  </p>