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

Popular posts from this blog

java - Run a .jar on Heroku -

java - Jtable duplicate Rows -

validation - How to pass paramaters like unix into windows batch file -