Question

我正在使用AngularJS 1.2。我设法使用：

<script src="js/angular-touch.js"></script>
<script src="js/angular-animate.min.js">

以允许用户“向右滑动”以通过div移动。这没问题。

主页

<div ng-view class="my-slide-animation" >
</div>

部分

<div ng-swipe-right="next()">
</div>

我现在要添加绑定到ng-swipe-left的{{1}}。我可以自己编写代码，它在功能上可以正常工作。但是如何基于previous()或next()触发 不同的 动画，即下次进行时我希望它能够使用下面的CSS动画，但是当previous()我希望反过来发生时。

动画CSS是：

previous()

Answer 1

我不熟悉角度触摸。但我认为你正在尝试做这样的事情：

<div ng-view ng-class="{'next-animation' : movedToNext, 
'previous-animation' : movedToPrevious}">
</div>

JS：

$scope.next = function(){
    $scope.movedToNext = true;
    $scope.movedToPrevious = false;
}

$scope.previous = function(){
    $scope.movedToPrevious = true;
    $scope.movedToNext = false;     
}

并相应地更改CSS类名称。

AngularJS 1.2 - 基于向左滑动或向右滑动的不同动画

1 个答案: