创建一种滑动项目组的方法

时间:2016-06-28 21:37:58

标签: html css angularjs

我有一张媒体卡列表。一次显示6张卡片,要查看下一组媒体卡,我需要向右/向左滑动。我怎么能用角度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>

这里是plunker

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

任何帮助表示赞赏

1 个答案:

答案 0 :(得分:0)

https://github.com/revolunet/angular-carousel解决了我的问题。您将任何ul li元素转换为轮播