javascript - ng-animate child element inside ng-repeat -


i trying animate child element inside ng-repeat. have now. using css animate if know different better method please tell.

index.html

<div class="container slider" ng-controller="sliderctrl">         <div ng-repeat="slide in slides" class="slide" ng-include="'/partials/slider/' + slide.image + '.html'">         </div> </div> 

01.html (included inside ng-repeat)

<div class="slider-message-1">     <span>message</span> </div>  <img class="slide-image" ng-src="assets/img/img00.jpg" /> 

sass file

.slide{      &.ng-hide{          .slider-message-1{             display: block!important;             visibility: hidden;         }     }      &.ng-hide-remove {          .slider-message-1{             animation: fadein 2s;             -webkit-animation: fadein 2s;         }     }      &.ng-hide-add {          .slider-message-1{             -webkit-animation: fadeout 1s;             animation: fadeout 1s;             visibility: visible;         }     } } 


Comments

Popular posts from this blog

PHP DOM loadHTML() method unusual warning -

python - How to create jsonb index using GIN on SQLAlchemy? -

c# - TransactionScope not rolling back although no complete() is called -