在NG上的AngularJS中动画/移动一个div到另一个div -单击

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

.move-animation {
  transition: all 0.5s ease;
}

.move-animation.ng-enter,
.move-animation.ng-leave {
  position: absolute;
}

.move-animation.ng-enter {
  transform: translateX(100%);
}

.move-animation.ng-enter-active {
  transform: translateX(0);
}

.move-animation.ng-leave {
  transform: translateX(0);
}

.move-animation.ng-leave-active {
  transform: translateX(-100%);
}

<div ng-app="myApp" ng-controller="myCtrl">
  <div ng-click="moveDiv()" ng-class="{'move-animation': isMoving}">
    <!-- Content of the div -->
  </div>
</div>

var app = angular.module('myApp', ['ngAnimate']);
app.controller('myCtrl', function($scope) {
  $scope.isMoving = false;

  $scope.moveDiv = function() {
    $scope.isMoving = !$scope.isMoving;
  };
});