Angular ui-router 动画 child 状态变化但不是 grandchild
Angular ui-router animating child state changes but not grandchild
我有一个 angular 应用程序，它有一个主要的抽象视图和嵌套的 child 视图。主视图的 children 之一也是抽象的，具有自己的 child 视图。
当我改变主要 parent 的 child 状态时，动画工作正常，但是当我改变 grandchildren 的状态时，没有动画。
在查看开发人员工具时，我看到 ng-enter 和 ng-leave 类 在 children 状态改变时添加，但在 grandchild任变.
这里是 plunker 演示行为。
这与您的 CSS 规则的编写方式有关，您正在使用 .ng-enter 和 ng-leave 的属性选择器获取 ui-view，但是在 html 中将 ui 视图指令声明为元素和属性。所以你应该做更多这样的事情：
ui-view.ng-enter, [ui-view].ng-enter { // animation }
这是您的 plunkr
的工作叉
我有一个 angular 应用程序，它有一个主要的抽象视图和嵌套的 child 视图。主视图的 children 之一也是抽象的，具有自己的 child 视图。
当我改变主要 parent 的 child 状态时，动画工作正常，但是当我改变 grandchildren 的状态时，没有动画。
在查看开发人员工具时，我看到 ng-enter 和 ng-leave 类 在 children 状态改变时添加，但在 grandchild任变.
这里是 plunker 演示行为。
这与您的 CSS 规则的编写方式有关，您正在使用 .ng-enter 和 ng-leave 的属性选择器获取 ui-view，但是在 html 中将 ui 视图指令声明为元素和属性。所以你应该做更多这样的事情：
ui-view.ng-enter, [ui-view].ng-enter { // animation }
这是您的 plunkr
的工作叉