javascript - Smoother filtering of ng-repeat in AngularJS -
i have table , tr generated ng-repeat
. when filter them (in case change page), rows replaced new ones. split second, see both old filtered rows (page 3 instance) , new filtered rows (say page 4). pretty ugly screws design tenth of second.
is there way make transition seamless? had ng-repeat
animated before (angularjs 1.2.0rc1), same thing happened (for longer though) , thought fixed disabling animations. unfortunately, didn't fix it.
have ideas?
[edit]
this css used animations, before disabling it
.animate.ng-enter { -webkit-animation: enter_sequence 0.2s linear; /* safari/chrome */ -moz-animation: enter_sequence 0.2s linear; /* firefox */ -o-animation: enter_sequence 0.2s linear; /* opera */ animation: enter_sequence 0.2s linear; /* ie10+ , future browsers */ } @-webkit-keyframes enter_sequence { { opacity:0;} { opacity:1;} } @-moz-keyframes enter_sequence { { opacity:0;} { opacity:1;} } @-o-keyframes enter_sequence { { opacity:0;} { opacity:1;} } @keyframes enter_sequence { { opacity:0; } { opacity:1; } } .animate.ng-leave { -webkit-animation: leave_sequence 0.2s linear; /* safari/chrome */ -moz-animation: leave_sequence 0.2s linear; /* firefox */ -o-animation: leave_sequence 0.2s linear; /* opera */ animation: leave_sequence 0.2s linear; /* ie10+ , future browsers */ } @-webkit-keyframes leave_sequence { { opacity:1; } { opacity:0; } } @-moz-keyframes leave_sequence { { opacity:1; } { opacity:0; } } @-o-keyframes leave_sequence { { opacity:1; } { opacity:0;} } @keyframes leave_sequence { { opacity:1; } { opacity:0; } }
have tried delaying transition in css? works me
Comments
Post a Comment