Анимация ng-click без jquery/js

Question

Привет У меня есть лента с несколькими div внутри. Если он перекрывается и вы не видите все, я показываю стрелку слева от ленты и стрелку справа от ленты. С помощью этих стрелок я могу прокручивать ленту бесконечно по кругу (направление влево или вправо).

Мои коды lookes так:

<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. Я пробовал это с переходом на css-классы ng-enter/ng-leave моего ng-repeat, но он не работает: https://docs.angularjs.org/api/ng/directive/ngRepeat (смотрите «Анимации»).

У кого-то есть идея?

Спасибо.

Answer 1

Похожий вопрос: how to use animation with ng-repeat in angularjs

Перейти по этой ссылке, это может помочь вам: http://www.nganimate.org/angularjs/ng-repeat/move