Angularjs ng视图动画在第一次更改时没有添加ng进入类-理解错误、错误、解决方法



我已经检查过,在开发人员工具中,类在第一次动画时不会添加到输入视图中。

我的问题是:这是应该发生的,我应该添加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-leaf-active的类被添加到旧视图中,但ng-enter和ng-enter-active不会添加到新视图中。在第一次出现之后,一切都如预期的那样运转。

看起来现在(从1.2.3版本开始)是正常的做法。

动画不会在引导程序上播放,如下所述:https://github.com/angular/angular.js/issues/5130

有几个主题正在寻求解决方案,如下所示:输入未在Angular 中播放的动画

最新更新