javascript - ngAnimate未在Angular 1.2中向ng-view添加ng-enter类

我一直在网上寻找答案，但似乎找不到确切的答案。

问题似乎是当路径更改时ngAnimate指令未添加类ng-enter或ng-leave。我创建了一个测试应用程序，并在该应用程序中包含了ngAnimate指令。我还创建了动画类，并将该类应用于ng-view元素

我的测试应用程序的链接在这里：http://plnkr.co/edit/6qCMeIkWeXeTQyDWcu29?p=preview

最佳答案

只需为每个浏览器添加每个供应商的前缀，例如CSS文件中的chrome -webkit

FORKED PLUNKER

.slide.ng-enter, .slide.ng-leave{
  position: absolute;
}

.slide.ng-enter {
  animation: slideInRight 0.5s both ease-in; z-index: 8888;
  -webkit-animation: slideInRight 0.5s both ease-in; z-index: 8888;
}
.slide.ng-leave {
  animation: slideOutLeft 0.5s both ease-in; z-index: 9999;
  -webkit-animation: slideOutLeft 0.5s both ease-in; z-index: 9999;
}


@keyframes slideOutLeft {
    to      { transform: translateX(-100%); }
}

@-webkit-keyframes slideOutLeft {
    to      { transform: translateX(-100%); }
}


@keyframes slideInRight {
    from    { transform: translateX(100%); }
    to      { transform: translateX(0); }
}

@-webkit-keyframes slideInRight {
    from    { transform: translateX(100%); }
    to      { transform: translateX(0); }
}

关于javascript - ngAnimate未在Angular 1.2中向ng-view添加ng-enter类，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25431986/