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
Post a Comment