ng点击角动画

我正在使用角度，我需要添加一个动画，这将增加图像的大小。ng点击角动画

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

来源

2015-09-06 Simran Kaur

我不知道你打算在点击时增加它的大小，但这里有一个方法可以解决它。您可以创建提高了图像的CSS类，你开启或关闭与NgClass，A教程Scotch.io

这是为了确保它的变化类，但如果你想打开/关闭的类时，你点击CodePensnippet below

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

来源

2015-09-06 17:58:04

我需要增加相应的点击左对齐，右对齐图像的大小。点击左对齐的图像时，其大小应该增加，并且当右对齐的图像被点击时，左边应该恢复到正常大小，并且右边应该增加大小。 –

我在这个朋克中没有看到任何相关的东西？我错过了什么？你能否检查一下你想分享的链接？ –

哎呀！对不起http://plnkr.co/edit/CPmcDrpoWcbFRebonAOo?p=preview here。 –

ng点击角动画

回答

相关问题