ngAnimate не добавляет класс ng-enter в ng-view в Angular 1.2.

Question

Я искал в Интернете ответ на этот вопрос, но я не могу найти какие-либо окончательные ответы.

Кажется, проблема в том, что директива ngAnimate не добавляет классы ng-enter или же ng-leave когда маршрут меняется. Я создал тестовое приложение и включил ngAnimate директива к приложению. Я также создал класс animate и применил этот класс к ng-view элемент

Ссылка на мое тестовое приложение находится здесь: http://plnkr.co/edit/6qCMeIkWeXeTQyDWcu29?p=preview

Answer 1

Просто добавьте префикс каждого поставщика для каждого браузера, например, Chrome -webkit в вашем файле CSS

ФОРКОВЫЙ ПУНКЕР

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