Javascript ngAnimate未在Angular 1.2中将ng enter类添加到ng视图

我一直在网上搜寻答案，但似乎找不到任何明确的答案

问题似乎在于，当路线发生变化时，ngAnimate指令没有添加类

ng enter

或

ng leave

。我已经创建了一个测试应用程序，并将

ngAnimate

指令包含到该应用程序中。我还创建了animate类，并将该类应用于

ng视图

元素

---

我的测试应用程序的链接在这里：

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

-webkit

.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); }
}

---

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

-webkit

.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); }
}

---

哇！我不敢相信这就是问题所在。为了这个，我的头撞在墙上已经很久了！我认为，因为它甚至没有添加适当的类，所以Angular有点问题。谢谢你的帮助1什么！在过去的3个小时里，我一直在用键盘敲我的头。甚至我都认为这是Angular（与css无关）的错误，并在互联网上搜寻从这个角度出发的解决方案。这不是一个角度错误吗？做了同样的事情-把我的js撕成碎片，认为这是一个角度错误。。。愚蠢的css！哈哈！我不敢相信这就是问题所在。为了这个，我的头撞在墙上已经很久了！我认为，因为它甚至没有添加适当的类，所以Angular有点问题。谢谢你的帮助1什么！在过去的3个小时里，我一直在用键盘敲我的头。甚至我都认为这是Angular（与css无关）的错误，并在互联网上搜寻从这个角度出发的解决方案。这不是一个角度错误吗？做了同样的事情-把我的js撕成碎片，认为这是一个角度错误。。。愚蠢的css！哈哈