动态轮播角度

时间:2013-03-10 01:43:55

标签: angularjs angularjs-directive angular-ui

我从后端获取一个数组,我希望将它显示为使用angular的旋转木马。

  • 该组件必须具有响应性。
  • 每张幻灯片都包含多个项目。

关于如何实现这一点的任何想法?

谢谢

1 个答案:

答案 0 :(得分:-1)

Jcarousel解决了我的问题:

<div class="jcarousel-skin-default">
    <div id="class1" class="jcarousel">
        <ul>
            <li>
                <div ng-repeat="object in objects" id="ribbon-item">{{object.name}}</div>
            </li>
        </ul>
    </div>
    <a class="btn" href="#" onclick="$('#class1').jcarousel('scroll', '-=1'); return false;"><i class="icon-step-backward"></i></a>
    <a class="btn" href="#" onclick="$('#class1').jcarousel('scroll', '+=1'); return false;"><i class="icon-step-forward"></i></a>
</div>

和JQUERY电话:

    $('#class1').jcarousel();

解决我的痛苦。