gpt4 book ai didi

javascript - ng-show 动画效果不如预期

转载 作者:行者123 更新时间:2023-11-28 10:02:03 26 4
gpt4 key购买 nike

我创建了 this pulnker .进入离开动画效果不佳...
enter- 首先出现,然后动画开始。
离开 - 只是不会动画。

样式如下:

   div.ng-enter 
{
-webkit-animation: bounceIn 2s;
animation: bounceIn 2s;
}
div.ng-leave
{
-webkit-animation: bounceOut 2s;
animation: bounceOut 2s;
}

这是元素节点:

<div ng-show="show" ng-class="{true:'ng-enter', false: 'ng-leave'}[show]">asdasdas</div>

如有任何帮助,我们将不胜感激!

最佳答案

1.2.0 rc1 中有一些变化 re-plunkered

class="repeat-item"

并且输入/离开被假定为 css

.repeat-item.ng-enter, 
.repeat-item.ng-leave {...}

更多详情来自 yearofmoo

这是 ng-show 的插件:http://plnkr.co/edit/0hHjG4RQ3tQngwd814Tg?p=preview

关于javascript - ng-show 动画效果不如预期,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24687829/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com