Question

我已经检查过，在开发人员工具中，这些类在第一次动画期间根本没有添加到输入视图中。

我的问题是：这应该发生吗？我应该添加更多的东西而不是ng-view指令或者它是一个错误，我应该寻找一个解决方法？

HTML：

<div ng-view></div>

CSS：

div[ng-view].ng-enter, div[ng-view].ng-leave {
    -webkit-transition: all cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
    -webkit-transform: translateZ(0);
}
div[ng-view].ng-enter {
    -webkit-transform: translateX(100%);
}
div[ng-view].ng-enter-active {
    -webkit-transform: translateX(0);
}
div[ng-view].ng-leave {
    -webkit-transform: translateX(0);
}
div[ng-view].ng-leave-active {
    -webkit-transform: translateX(-100%);
}

这实际上是我能提供的所有信息。我已经检查过所有事件都被正确解雇了，没有什么我可以做错的，因为除了CSS样式之外我没有自己写的实际代码。在第一个$ location.path（）或href之后，单击css类（如ng-leave和ng-leave-active）将添加到旧视图中，但ng-enter和ng-enter-active不会添加到新视图中。在第一次出现之后，一切都按预期工作。

Answer 1

它看起来现在（从版本1.2.3开始）是正常的方式。

动画不会在bootstrap上播放，如下所述： https://github.com/angular/angular.js/issues/5130

有几个主题要求解决方案，如下所示： Enter animation not playing in Angular

Angularjs ng-view动画不会在第一次更改时添加ng-enter类 - missunderstanding，bug，workaround？

1 个答案: