Animate.css ve Angularjs

Question

Angularjs ve animate.css ile deneme ve deneme yapıyorum. Ng-show doğru ya da yanlış olduğunda animasyon eklemeye çalışıyorum. Gösterme ve saklanma işleri değil, animasyonlar. Umarım birileri bana ne yaptığımı gösterir. Bu plunk.

Yardımlarınız için teşekkürler.

Answer 1

Kodunuzun ng-show ve animate.css ile birlikte çalıştığı biraz değiştirilmiş bir sürümü.

HTML

<div ng-controller="controller"> 
    <button ng-click="showme = !showme">Show or Hide</button> 
    <div ng-show="showme" class="boxme"> 
    <h2>Box to Show and Hide</h2> 
    <p>Show and hide this box using animate.css the angularway!</p> 
    </div> 
</div> 

JavaScript

(function() { 
    var app = angular.module("theapp", ['ngAnimate']); 
    var controller = function($scope){ 
     $scope.showme = false; 
    }; 
    app.controller("controller", controller); 
}()); 

CSS

.boxme.ng-hide-add { 
    -webkit-animation: fadeOutLeftBig 0.4s; 
    display: block!important; 
} 
.boxme.ng-hide-remove { 
    -webkit-animation: fadeInLeftBig 0.4s; 
} 

http://jsfiddle.net/h58wsxcw/

Sol taraftaki seçenekleri (gövde etiketi, dış kaynaklar) dikkatle açıp jsfiddle üzerinde çalışacak şekilde ayarlanmalıdır.

Answer 2

ngAnimate ve animate.css ile çalıştığı görünen bir çözüm buldum ve bu sürümü 1.2.17 sürümüne yükselttim ve hala bu yöntemi kullanarak çalışıyorum gibi görünüyor ... neden bir plunkr içinde yeniden oluşturamadığımdan emin değilim: http://jsbin.com/usaruce/2677/edit?html,css,js,output