html - 创建一种在元素组中滑动的方法

Question

我有一个媒体卡列表。一次显示 6 张卡片，要查看下一组媒体卡片，我需要向右/向左滑动。我怎样才能使用 Angular ngtouch 来做到这一点。

这是我的html

<div class="media  people-card-media col-xs-12" ng-repeat="item in heroes">
        <div class="media-left ">
            <div class="person-photo presence" >
                <img  class="media-object list__photo img-circle" ng-src="{{item.photo}}" />

            </div>
        </div>
        <div class="media-body list__body">
            <div class="people_name_title">
                <h4 class="media-heading title">{{item.name}}</h4>

            </div>
        </div>
        <div class="media-right media-middle contacts-chat-call flex-it-align-top">
            <a  style="margin-right: 10px;">
               call
            </a>

        </div>
    </div>

这是个骗子

http://plnkr.co/edit/XRyEwpVNXiaejojm8lEY?p=preview

感谢任何帮助

Answer 1

https://github.com/revolunet/angular-carousel解决了我的问题。你把任何 ul li 元素变成轮播