ng-animate를 사용하지 않고 angularjs에서 페이드 아웃

Question

확인란을 선택하면 즉시 사라지지 않고 즉시 사라집니다.

나는 setimeout을 사용했지만 멋지지 않았고 jquery가 깨끗하게 유지되도록 노력했다. ng-animate를 사용하지 않고도 달성 할 수 있습니까?

http://plnkr.co/edit/Sqo1JGCgda9ywR1OR6Me?p=preview

Answer 1

당신은 CSS3 사용할 수

**이에 CSS 코드를 변경 : **

.done-true { 
    -webkit-animation: fadeOut 2s; /* Chrome, Safari, Opera */ 
    animation: fadeOut 2s; 
    -webkit-opacity: 0; 
    -moz-opacity: 0; 
    opacity: 0; 
} 

/* Chrome, Safari, Opera */ 
@-webkit-keyframes fadeOut 
{ 
from { 
    -webkit-opacity: 1; 
    -moz-opacity: 1; 
    opacity: 1; 
} 
to { 
    -webkit-opacity: 0; 
    -moz-opacity: 0; 
    opacity: 0; 

} 
} 

/* Standard syntax */ 
@keyframes fadeOut 
{ 
from { 
    -webkit-opacity: 1; 
    -moz-opacity: 1; 
    opacity: 1; 
} 
to { 
    -webkit-opacity: 0; 
    -moz-opacity: 0; 
    opacity: 0; 
} 
}