Css 如何将转换延迟到上一个转换完成。(ng秀)

Css 如何将转换延迟到上一个转换完成。(ng秀),css,angularjs,css-animations,ng-animate,Css,Angularjs,Css Animations,Ng Animate,我有一系列div标记,其中包含关于特定部分的信息。一次只能有一个div块可见,为了实现这一点,我有一个ng show语句,它将条件基于当前设置的名称。我的标记与此类似 .infoBlock{ 过渡:全部.2s线性; 宽度:100%; 高度:自动; } .infoBlock.ng-hide{ 不透明度:0; } …一些文字 …一些文字 您可以使用ng hide animate和ng hide remove active类玩把戏: .infoBlock.ng-hide-remove-ac

我有一系列div标记,其中包含关于特定部分的信息。一次只能有一个div块可见,为了实现这一点,我有一个ng show语句,它将条件基于当前设置的名称。我的标记与此类似

.infoBlock{
过渡:全部.2s线性;
宽度:100%;
高度:自动;
}
.infoBlock.ng-hide{
不透明度:0;
}


…一些文字

…一些文字


您可以使用
ng hide animate
ng hide remove active
类玩把戏:

.infoBlock.ng-hide-remove-active{
过渡延迟:0.4s;
}
.infoBlock.ng-hide-animate{
位置:绝对位置;
}

普朗克:

到目前为止你有什么?动画什么时候开始?您可以添加控制器的相关部分吗?当模型值发生变化时,是否可以在此处添加过渡延迟<代码>{{mainCtrl.errorMsg}}