title: Create a way to swipe through group of items
body: <p>I have a list of media cards. At a time 6 cards are displayed and to view next set of media cards I need to swipe right/left. How can I do this using angular ngtouch. </p>
  
  <p>This is what I have for html</p>
  
  <pre><code>&lt;div class="media  people-card-media col-xs-12" ng-repeat="item in heroes"&gt;
          &lt;div class="media-left "&gt;
              &lt;div class="person-photo presence" &gt;
                  &lt;img  class="media-object list__photo img-circle" ng-src="{{item.photo}}" /&gt;
  
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="media-body list__body"&gt;
              &lt;div class="people_name_title"&gt;
                  &lt;h4 class="media-heading title"&gt;{{item.name}}&lt;/h4&gt;
  
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="media-right media-middle contacts-chat-call flex-it-align-top"&gt;
              &lt;a  style="margin-right: 10px;"&gt;
                 call
              &lt;/a&gt;
  
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>here is the plunker</p>
  
  <p><a href="http://plnkr.co/edit/XRyEwpVNXiaejojm8lEY?p=preview" rel="nofollow">http://plnkr.co/edit/XRyEwpVNXiaejojm8lEY?p=preview</a></p>
  
  <p>any help appreciated </p>