Question

我正在使用角度，我需要添加一个会增加图像大小的动画。

<div class="card">
  <div class="item images-parent">
  <img src="img/carryout-icon.jpg" class="left-image"></img>
  <img src="img/or.jpg" class="center-image"></img>
  <img src="img/delivery-icon.jpg" class="right-image"></img>
  </div> 
</div>

演示：

http://play.ionic.io/app/933b5926b6da

我希望在用户点击它时向第一张和第三张图片添加相同的动画/过渡，当用户点击另一张图片时应该将其移除，即如果我点击第一张图片，它会增加尺寸，如果我点击另一方面，第一个恢复正常，第二个有动画。

另外，我尝试过这样做，但我无法获得ngAnimate，我也不是CSS人。此外，任何资源，以帮助像我这样的人将不胜感激。

我看到的事件如ngView，ng如果是e.t.c但是我真的不想在这些事件上使用这些动画。仅在用户点击图像时。我甚至应该在这里使用ngAnimate吗？

Answer 1

我不知道您打算在哪个特定图片上增加点击量，但这是一种方法。您可以创建一个增加图像的css类，并使用NgClass，教程Scotch.io

打开或关闭

这是为了确保更改课程，但是如果您想在点击CodePen snippet below

时切换课程的开/关

$scope.isActive = false;
$scope.activeButton = function() {
 $scope.isActive = !$scope.isActive;
}

ng-click上的角度动画

1 个答案: