Ng-show does not work correctly with ng animation

Question

When the animation module is loaded, ng-show does not work. The default value for the ng-show expression is false, but the item is still displayed and the ng-hide class is missing. If I unload the animation module, then it works fine.

<script>
var app=angular.module('app', ['ngRoute','ngCookies','infinite-scroll','ui.mask','ngAnimate']);
</script>

Answer 1

, , , , . , , "class" , , . class="{{::item.customClass}}" , ng-class ng-show .

plunker, , - . $templateCache, ngAnimate , ng-repeat ng-show ( , , , ). . , ui-view, , ui-router .

, , ng-class/ng-show , , : class="{{::item.customClass}} ng-hide", : class="myCustomClass". , .

, item.customClass ng- : ng-class=[{ ... other classes}, item.customClass]

, , :

• , , Angular.
• , bind , , .

Answer 2

animate.css. Angular, class= 'ng-show'.

:

<div class="animated fadeInRight" data-ng-class="loginShow">

$scope.loginShow "ng-show" , .

"ng-hide", :

$scope.loginShow = 'ng-hide-add animated fadeOutRight';

, !