如何在角度一段时间后显示消息

时间:2017-12-27 10:44:03

标签: angularjs

我使用ng-class for div因为我想在一段时间后显示消息,如果是真的但是延迟不透明度不起作用。你做什么的?

这是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

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

1 个答案:

答案 0 :(得分:0)

试试这个

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

不要使用不透明度,而是使用显示属性