2017-12-27 1 views
0

div 인 경우 ng-class에서 사용합니다. 왜냐하면 if가 true이지만 지연 불투명도가 작동하지 않을 때 메시지를 표시하기를 원하기 때문입니다. 무슨 일을합니까? 잠시 후 메시지를 표시하는 방법

.list { 
    opacity: 0; 
    transition: opacity 1s ease-in !important; 
} 
.panel-details { 
    opacity: 1; 
} 
+2

가 작동하는 것 같군 [codepen] (https://codepen.io/heysulo/) pen/rpjQXR) – heysulo

+0

탱크들 ng-show와 ng-class를 함께 사용하는 것이 제 문제였습니다. –

답변

0

setTimeout(function(){ 
    $('#list').fadeIn(500); 
}, 5000); 

을 시도하고 불투명도 아니라 디스플레이 속성을 사용하지 않는 HTML

<div class="list" ng-show="item.collapsed == true" ng-class="{'panel-details':item.collapsed == true}"> 
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. 
           </div> 

이는 CSS입니다

관련 문제