Angularjs ngAnimate ng enter设置子元素的动画

当用户从一个视图导航到另一个视图时，我尝试在每个ui视图中设置多个元素的动画

我希望我能利用ui-view.ng-enter和ui-view.ng-leave实现这一点。例如：

ui-view.ng-enter, ui-view.ng-leave {
  -webkit-transition: 1000ms ease-in-out all;
  transition: 1000ms ease-in-out all;
}

ui-view.ng-enter {
  opacity: 0;

  #register, #login, #forgot-pass {
    -webkit-transition: 500ms ease-out all;
    transition: 500ms ease-out all;

    margin-top: -100px;
  }
}
ui-view.ng-enter-active {
  opacity: 1;

  #register, #login, #forgot-pass {
    margin-top: 0px;
  }
}

ui-view.ng-leave {
  opacity: 1;

  #register, #login, #forgot-pass {
    -webkit-transition: 500ms ease-in all;
    transition: 500ms ease-in all;

    margin-top: 0px;
  }
}
ui-view.ng-leave-active {
  opacity: 0;

  #register, #login, #forgot-pass {
    margin-top: 100px;
  }
}

但是，当ui视图的不透明度正在设置动画时，子元素却没有。 过去是否有人对此进行过修补，并且是否有效

---

任何可行的替代方法都将不胜感激。

这是css吗？我不确定我们是否可以像这样嵌套它这是伪代码，在less或sass中，所以我们肯定可以。@Stefan你应该能够，没有理由不。。。你介意显示你正在使用的实际css代码吗？我昨晚很晚才放弃了它，奇怪的是，它似乎在ng LEVE/ng LEVE active上有效，但在ng enter/ng enter active上无效。我的头脑绕不过去。我将用一些非常接近我正在做的事情来更新上面的代码。再次强调，任何帮助都将不胜感激。快速更新代码，这样可能会有一些错误，但你明白了重点。有趣的是，如果ui视图上的转换时间设置为低于所有子元素转换的时间，那么它们就会被切断。这对我来说似乎很奇怪，因为动画应该排队，而不管它们的父母是谁，但我想我错了。