У меня есть список, который я перебираю с помощью ng-repeat: и пользователь может взаимодействовать с элементами списка, используя стрелки со стрелкой вверх и стрелкой вниз, и при нажатии на них я просто изменяю порядок элемента в "список" - это то, что angular предлагает изменить модель, и изменения автоматически отражаются в представлении.
<div ng-repeat="item in list">
{{item.name}}
<div class="icon-up-arrow" ng-click="moveUp($index);"></div>
<div class="icon-down-arrow" ng-click="moveDown($index);"></div>
</div>
Логика в moveUp: -
$scope.moveUp= function(position){
var temp=list[position-1];
list[position-1]=list[position];
list[position=temp];
};
приведенный выше код работает полностью точно, и аналогичная логика сдвигает элемент вниз. Но проблема, которую я хочу решить, - это как добавить анимацию? Я знаю, что angular сам по себе заботится о привязке вида и модели, но есть ли способ добавить анимацию по мере обновления представления при нажатии на значки стрелок вниз?