ng點擊角動畫

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，A教程Scotch.io

這是爲了確保它的變化類，但如果你想打開/關閉的類時，你點擊CodePensnippet below

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