Ng-Animate не работает с Chrome

Question

У меня есть проблемы с совместимостью между Chrome и Firefox. Я использую ng-view для создания анимации (с ng-ng-enter и leave). Вот пример с plunker:

http://plnkr.co/edit/Vo2cJ72DO0a5aSCipkvg?p=preview

style.css

.view.ng-leave, .view.ng-enter{ 
    -webkit-animation-duration: 0.5s; 
    -moz-animation-duration: 0.5s; 
    -ms-animation-duration: 0.5s; 
    -o-animation-duration: 0.5s; 
    animation-duration: 0.5s; 
    -webkit-animation-fill-mode: both; 
    -moz-animation-fill-mode: both; 
    -ms-animation-fill-mode: both; 
    -o-animation-fill-mode: both; 
    animation-fill-mode: both; 
} 
.view.ng-leave { 
    -webkit-animation-name: fadeOut; 
    -moz-animation-name: fadeOut; 
    -ms-animation-name: fadeOut; 
    -o-animation-name: fadeOut; 
    animation-name: fadeOut; 
} 
.view.ng-enter { 
    -webkit-animation-name: fadeIn; 
    -moz-animation-name: fadeIn; 
    -ms-animation-name: fadeIn; 
    -o-animation-name: fadeIn; 
    animation-name: fadeIn; 
} 

Когда я исполняю plunker Firefox, проблем нет, у меня есть анимация. Но когда я выполняю в Chrome, я не работал, но я префикс -webkit-

В чем проблема?

Answer 1

<ng-view> является HTMLUnknownElement.

Кажется, что анимация не работает с элементами HTMLUnknownElements в chrome.

Изменение <ng-view> до <div ng-view> Работало для меня.

Plnkr: http://plnkr.co/edit/DT5xcxgficbdu8CaFTlT?p=preview