動畫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單擊即可完成。我嘗試了在ng-repeat的css-classes ng-enter/ng-leave上的轉換，但它不起作用：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