使用角度动画,我可以在仅使用一个变量开始另一个变量之前等待它们完成吗?

时间:2016-08-18 17:48:16

标签: css angularjs animation

为了更好地解释我的意思,请说我有两个div如下:

<div class="animate-if" ng-if="something">
<div class="animate-if" ng-if="!something>

一个看起来像这样的动画:

.animate-if.ng-enter, .animate-if.ng-leave {
  transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
}
.animate-if.ng-enter,
.animate-if.ng-leave.ng-leave-active {
  opacity:0;
}
.animate-if.ng-leave,
.animate-if.ng-enter.ng-enter-active {
  opacity:1;
}

我能以某种方式告诉元素在动画完成之前不会出现,而不使用另一个变量吗?我知道通过超时持续动画的持续时间和每个div的两个变量,我可以这样做,但有更清洁的方法吗?当它使用这种方法时,两个div都会(简单地)可见,并且它会在视图上移动很多东西。

0 个答案:

没有答案