Question

嗨我有一条丝带，里面有一些div。如果它重叠并且您看不到所有内容，我会在功能区左侧显示一个箭头，并在功能区右侧显示一个箭头。使用这个箭头，我可以滚动通过圆圈中的无限带（左或右方向）。

我的代码看起来像这样：

<div class="arrow" ng-click="list.push(list.shift())>&larr;</div>
<div class="ribbon">
    <div class="ribbonItem" ng-repeat="item in list">
        {{ item.Name }}
    </div>
</div>
<div class="arrow" ng-click="list.unshift(list.pop())>&rarr;</div>

这样可行，但它没有动画而且增加了。它还需要很多点击才能滚动浏览。如何在不使用jquery或js的情况下实现动画，只需使用此ng-click即可实现。我试着通过我的ng-repeat的css-classes ng-enter / ng-leave过渡，但它确实有效：https://docs.angularjs.org/api/ng/directive/ngRepeat（看看＆＃34; Animations＆＃34;）

有人有想法吗？

感谢。

Answer 1

类似的问题：how to use animation with ng-repeat in angularjs

通过此链接，它可能会帮助您： http://www.nganimate.org/angularjs/ng-repeat/move

动画ng-click而不使用jquery / js

1 个答案: