Animiere ng-click ohne jquery/js

Question

Hallo Ich habe ein Band mit einigen div in einer Reihe. Wenn es sich überlappt und Sie nicht alles sehen können, zeige ich einen Pfeil links vom Farbband und einen Pfeil rechts vom Farbband. Mit diesen Pfeilen kann ich das Band unendlich im Kreis scrollen (Richtung links oder rechts).

Meine Codes lookes wie folgt aus:

<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> 

Dies funktioniert, aber es ist ohne Animation und erhöht. Es braucht auch viel Klicks um durch zu scrollen. Wie kann ich eine Animation ohne jQuery oder js implementieren und einfach mit diesem ng-click machen. Ich habe es mit einem Übergang in den CSS-Klassen ng-enter/ng-leave meiner ng-Wiederholung versucht, aber es funktioniert nicht: (siehe "Animationen").

Hat jemand eine Idee?

Danke.

Answer 1

Ähnliche Frage: how to use animation with ng-repeat in angularjs

Gehen Sie durch diesen Link, es könnte Ihnen helfen: http://www.nganimate.org/angularjs/ng-repeat/move